<template>
	<view class="container" v-if="Object.keys(taskDetail).length !== 0">
		<button open-type="share" @ShareAppMessage="onShareAppMessage"
			style="padding: 0;background-color: transparent;  position: fixed;bottom: 20%;right: 0;z-index: 98;">
			<image :class="dhTime?'zwyShake':''" style="width: 160rpx;height: 100%;"
				src="http://images.linglinggong.net/Fh6oofDjx3VDyLgvBXLGCMp9Akxo" mode="widthFix"></image>
		</button>
		<view class="kefu" @click="goKefu()">
			<image src="https://images.linglinggong.net/static/icon2/phone.png" mode="aspectFill"></image>
			<text>客服</text>
		</view>
		<view class="job-up" :style="{marginBottom:jiacheTimess>0 ? '0px' :'' }">
			<view class="left">
				<view>{{ taskDetail.name }}</view>
				<view class="tag green" v-if="taskDetail.tomorrow">明天</view>
				<view class="tag" v-if="[0,1,2].includes(taskDetail.sex)">
					{{ taskDetail.sex == 0 ? '男' :  taskDetail.sex == 1 ? '女' : '不限'}}
				</view>
				<view class="tag" v-if="!(taskDetail.ageMax==55&&taskDetail.ageMin==18)">
					{{ taskDetail.ageMin}}-{{taskDetail.ageMax}}岁
				</view>
				<view class="tag">{{ taskDetail.workTime }}小时</view>
				<view class="money"
					:style="{color: ((jiacheTimess>0||taskDetail.vipflagdate=='1970-01-01 01:01:01'	) && (userType != 1)) && taskDetail.vipFlag==1 ?  '#4E9800' : taskDetail.taskType===1 ? '#53940D' :  '#FE4538'}">
					<view>
						{{ (taskDetail.taskType===0 &&userType!=1 && (jiacheTimess>0||taskDetail.vipflagdate=='1970-01-01 01:01:01')) ? (taskDetail.reward+taskDetail.subsidy) : taskDetail.reward}}
					</view>
					<view>{{ taskDetail.taskType == 0 ? '元/小时' :  taskDetail.taskType == 1 ? '元/件' : '元/天'}}<text
							v-if="taskDetail.taskType == 1&&taskDetail.floorsstr==1"
							class="floorsstr-view">保底{{taskDetail.floorsAmount}}元/小时</text></view>
				</view>
				<view style="display: none;" class="money"
					:style=" {    color: (jiacheTimess >0&&(userType != 1)) ? '#4E9800' : '#FF650C'}"
					v-if="taskDetail.taskType == 1">
					{{taskDetail.floorsAmount}}元/小时<span
						style="font-size: 12px; position: relative; top: 5px;">（保底时薪）</span>
				</view>
				<!-- 补贴 -->
				<view class="subsidy"
					v-if="taskDetail.vipFlag && taskDetail.subsidy && taskDetail.taskType && (userType != 1)&&(jiacheTimess >0||taskDetail.vipflagdate=='1970-01-01 01:01:01')">
					补: {{taskDetail.subsidy}}元 </view>
			</view>
			<view class="right" @click="handleOpenBossDetail(taskDetail.userId)">
				<image :src="imgPath + taskDetail.avatar+'?imageView2/1/w/80/h/80'" mode="aspectFill"></image>
				<view class="honey">{{ taskDetail.integrity }}</view>
				<text>{{ taskDetail.userName }}</text>
			</view>
		</view>
		<view class="job-upts" style="font-size: 26rpx;" v-if="isSHowdaojishi">
			<view style="width: 690rpx;height: 68rpx;line-height: 68rpx;">
				<view
					style="border-radius: 12rpx  0rpx 0rpx 12rpx;width: 424rpx; font-size: 26rpx;background: #FF5543; position:inherit;">
					<image style="width: 44rpx; height: 44rpx;position:relative; top:10rpx;left:20rpx;"
						src="https://images.linglinggong.net/static/icon3/adasdasd.png"></image>
					<text
						style="position:relative; left:30rpx;font-size: 32rpx;font-weight: 500;background: linear-gradient(-90deg, #FEDBBA 0%, #FFF8EB 99.12109375%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">金牌专属任务</text>
				</view>
				<view style="
			left:404rpx;
			bottom: 46rpx;
			position:absolute;
			border-style: solid;
			border-width: 0px 36rpx 35.36rpx 36rpx;
			border-color: transparent transparent #FFEEEC transparent;
			width: 0px;
			height: 0px; transform:rotate(-90deg)"></view>
				<view class="jinpai-time-content">
					<text class="jinpai-time-text">距失效</text>
					<view class="jinpai-time-blck">
						{{taskDetail.jiacheTimes.slice(3,5)}}
					</view>
					<text style="margin:0 10rpx;color: #FF3E2F;">:</text>
					<view class="jinpai-time-blck" style="margin-right: 20rpx;">
						{{taskDetail.jiacheTimes.slice(6,8)}}
					</view>
				</view>
			</view>
		</view>
		<view class="job-middle">
			<view class="common">
				<text>干活时间</text>
				<text v-if="taskDetail.startTime">{{isToday?'今天':'明天'}}<text
						style="font-weight: bold;margin-left: 30rpx;color: #402110;">{{ `${taskDetail.startTime.slice(10,16)} — ${isTaskTomorrowFlag&&isToday?'明天':isTaskTomorrowFlag&&!isToday?'后天':''}${taskDetail.endTime.slice(10,16)}` }}</text></text>
			</view>
			<view class="common" v-if="taskDetail.applyNum">
				<text>已接单数</text>
				<text
					:class="{ active: taskDetail.applyNum >= taskDetail.number}">{{ taskDetail.applyNum >= taskDetail.number ? '已满' : (taskDetail.applyNum+'/'+taskDetail.number+'人')}}</text>
			</view>
			<view class="address" @click="handleMap">
				<text>{{ showAdd }}</text>
				<image src="https://images.linglinggong.net/static/icon1/17.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="job-bottom">
			<view class="title">岗位要求</view>
			<view class="content">
				<text style="word-break:break-all;line-height: 1.8;">{{ taskDetail.tasklabel }}</text>
				<text style="word-break:break-all;line-height: 1.8;">{{ taskDetail.taskContent }}</text>
			</view>
		</view>
		<view class="job-bottom "
			:style="{'padding-bottom':taskDetail.taskPic || taskDetail.taskVideo && !isCancel && !isComfirmApply?'370rpx':'','margin-bottom':taskDetail.taskPic && !taskDetail.taskVideo && !isCancel && !isComfirmApply?'0px':'0px'}">
			<view class="title">视频图文</view>
			<view class="content">
				<view v-if="taskDetail.taskPic || taskDetail.taskVideo" class="imgTital">
					<view v-for="(item,index) in taskPicList" :key="index">
						<view v-if="!item.includes('shijintao')">
							<image :src="item" :class="taskPicList.length>1?'imgs':'imgsone'" mode="aspectFill"
								@click="handleBigImg(taskPicList,index)">
							</image>
						</view>
						<view v-else>
							<video :class="taskPicList.length>1?'imgs':'imgsone'" @click="handleVideo"
								:src="item.replace('shijintao','')" controls @ended="isShowVideo=false"
								@pause="isShowVideo=false"></video>
							</image>
						</view>
					</view>
				</view>
				<!-- 	<view class="imgs job-video" v-if="taskDetail.taskVideo" @click="handleVideo"
					style="position: relative;"
					:style="{'margin-bottom':taskDetail.disturbstatus==1 || OldStaff ||  isReceive  || taskDetail.taskVideo ?'420rpx':''}">
					<view v-if="isShowVideo">
						<video @click="handleVideo" v-if="isShowVideo" :src="imgPath + taskDetail.taskVideo" controls
							autoplay @ended="isShowVideo=false" @pause="isShowVideo=false"></video>
					</view>
					<image v-if="!isShowVideo" src="https://images.linglinggong.net/static/video.png" mode="aspectFill">
					</image>
				</view>
				<view class="imgs" v-if="taskDetail.taskPic && !taskDetail.taskVideo" style="margin-bottom: 20rpx;">
					<image v-for="(item,index) in taskPicList" :src="item" mode="aspectFill" :key="index"
						@click="handleBigImg(taskPicList,index)"></image>
				</view> -->
			</view>
		</view>
		<view v-if="userType==1&&taskDetail.disturbstatus==1" class="ykq-miandarao">
			<text>已开启免打扰</text>
			<text>雇员接单时，将不会电话沟通，直接上门服务</text>
		</view>
		<!-- <view class="fix-bottom" v-if="userType==0 && (isCancel || isReceive)">

			<view v-if="!isReceive&&userType==0" class="button" @click="handleReceive">
				<text
					class="button-word">{{ isCancel ? '已取消' : isComfirmApply ? '已接单' : isReceive ? '已报名' : '立即报名'}}</text>

			</view>
			<view v-if="isReceive&&userType==0" class="button received" @click="handleReceive">
				<text
					class="button-word">{{ isCancel ? '已取消' : isComfirmApply ? '已接单' : isReceive ? '已报名' : '立即报名'}}</text>
			</view>

		</view> -->
		<view style="display: flex;justify-content: center;align-items: center;">
			<view class="bottom-new" v-if="!isReceive && userType==0&&!isCancel&&OldStaff&& disturbstatus!=1"
				:style="{'z-index':isXinshou?'999':''}" style="width: 99%;">
				<view class="bottom-button" @click="handleReceive()"
					:style="{'background':isShowScyq==1 || isShowScyq==0?'#4E9800':'#172D00',color:isShowScyq==1 || isShowScyq==0?'#fff':'#484849'}">
					<view style="display: none;">
						<u-count-down :zdyType="2" fontSize="10" :time="dateLockTime" format="mm:ss" @change="onChange"
							@finish="endTimeJ">
							<view class="time" style="display: flex;">
								<view class="time__custom">
									<text class="time__custom__item">{{ timeData.seconds }}S</text>
								</view>
							</view>
						</u-count-down>
					</view>
					<image v-if="isShowScyq==1 || isShowScyq==0"
						src="http://images.linglinggong.net/FhfISFi7LZ1EFlmscH7uyc9Ykmgt" mode="widthFix"></image>
					<image v-else src="http://images.linglinggong.net/FnVDl3AIn8Y64l6aiyE_pYrpRHxo" mode="widthFix">
					</image>
					<text>电话报名</text>
				</view>
				<view class="bottom-button-OldStaff" @click="oldStaffClick()"
					:style="{'background':isShowScyq==2 || isShowScyq==0?'#FCC928':'#4B3C0C'}"
					v-if="!isComfirmApply && !isReceive && disturbstatus!=1">
					<view class="nullListMsg zwyHover123" style="right: 0%;"
						v-if="!isXinshou && !isComfirmApply && !isReceive && disturbstatus!=1">
						<view style="width: 480rpx;height: 64rpx;font-size: 24rpx;letter-spacing: 1px;"> 这是老雇主的任务，您可直接接单
						</view>
						<view style="left: 74%;"></view>
					</view>
					<image src="http://images.linglinggong.net/FqVM8gWkd5G339i_hd9088QE__yn" mode="widthFix">
					</image>
					<text>直接接单</text>
				</view>
			</view>
			<view class="bottom-new" v-if="userType==0&&!isReceive&&!isCancel&&!OldStaff && disturbstatus!=1"
				:style="{'z-index':isXinshou?'999':''}">
				<view class="nullListMsg zwyHover123" style="right: 15%;" v-if="!isXinshou && isShowDjs">
					<view style="width: 530rpx;font-size: 24rpx;letter-spacing: 0;">
						<image src="http://images.linglinggong.net/FqbM4OLbmiUwDDB984eZl5lJudxS" mode="widthFix">
						</image>
						<view style="display: flex;justify-content: center;align-items: center;">
							<text style="font-size: 24rpx;">雇主正在与其他雇员沟通，请等待</text>
							<u-count-down :zdyType="2" fontSize="10" :time="dateLockTime" format="mm:ss"
								@change="onChange" @finish="endTimeJ">
								<view class="time" style="display: flex;">
									<view class="time__custom">
										<text class="time__custom__item">{{ timeData.seconds }}S</text>
									</view>
								</view>
							</u-count-down>
						</view>
					</view>
					<view></view>
				</view>
				<view class="bottom-button-Confirm" :style="{'z-index':isXinshou?'99999':'',}">
					<!-- 			<image src="http://images.linglinggong.net/FhfISFi7LZ1EFlmscH7uyc9Ykmgt" mode="widthFix"></image>
					<text style="margin-right: 15rpx;">电话报名</text> -->
					<liu-slider-verify @onPlay='handleReceive()' ref="onInit" isXinshou></liu-slider-verify>
				</view>
			</view>
			<view class="bottom-new" v-if="userType==0&&!isReceive&&!isCancel&& disturbstatus==1"
				:style="{'z-index':isXinshou?'999':''}">
				<view class="nullListMsg zwyHover123" style="right: 15%;" v-if="!isXinshou">
					<view style="width: 530rpx;font-size: 24rpx;letter-spacing: 0;">
						<!-- <image src="http://images.linglinggong.net/FqbM4OLbmiUwDDB984eZl5lJudxS" mode="widthFix"> -->
						</image>
						<text style="font-size: 24rpx;">请确保工作经验充足，再确定是否接单</text>
					</view>
					<view></view>
				</view>
				<view class="bottom-button-Confirm bottom-button-Confirm2" @click="dialogBoxClick()"
					:style="{'z-index':isXinshou?'99999':''}">
					<image src="http://images.linglinggong.net/FhfISFi7LZ1EFlmscH7uyc9Ykmgt" mode="widthFix"></image>
					<text>免打扰接单</text>
				</view>
			</view>
			<view class="bottom-new" v-if="isReceive&&userType==0">
				<view v-if="!isReceive && isConfirm && (!isCancel) && (!isConfirmApply)" class="bottom-new"
					style="position: relative;width: 98%;bottom:0rpx;">
					<view class="bottom-button" @click="handleCancelAlert()" style="width: 38%;background:#A5A5A5">
						<text>取消</text>
						<view>
							<text class="cancel-time"
								style="width: 50rpx;display: inline-block;text-align: center;">{{countTimeM }}</text>
							<span style="margin-left: -4rpx;margin-right: -4rpx;">:</span>
							<text class="cancel-time"
								style="width: 50rpx;display: inline-block;text-align: center;">{{countTimeS}}</text>
						</view>
					</view>
					<view class="bottom-button-OldStaff" @click="handleConfirm()" style="width: 40%;">
						<image src="http://images.linglinggong.net/FqVM8gWkd5G339i_hd9088QE__yn" mode="widthFix">
						</image>
						<text>确认接单</text>
					</view>
				</view>
				<view v-if="isReceive && isConfirm && (!isCancel) && (!isConfirmApply)" class="bottom-new"
					style="position: relative;width: 98%;bottom:0rpx;">
					<view class="zc-bo-da">
						<view class="zc-bo-da-box" @click="againCall">
							<image src="http://images.linglinggong.net/Fndbiqhq5JUzxB71Ls2hTG-ncGyx" mode="widthFix">
							</image>
						</view>
					</view>
					<view class="bottom-button" @click="handleCancelAlert()" style="background:#A5A5A5">
						<text>取消</text>
						<view>
							<text class="cancel-time"
								style="width: 50rpx;display: inline-block;text-align: center;">{{countTimeM }}</text>
							<span style="margin-left: -4rpx;margin-right: -4rpx;">:</span>
							<text class="cancel-time"
								style="width: 50rpx;display: inline-block;text-align: center;">{{countTimeS}}</text>
						</view>
					</view>
					<view class="bottom-button-OldStaff" @click="handleConfirm()">
						<image src="http://images.linglinggong.net/FqVM8gWkd5G339i_hd9088QE__yn" mode="widthFix">
						</image>
						<text>确认接单</text>
					</view>
				</view>
				<view class="bottom-new" v-if="isCancel || isComfirmApply">
					<view class="bottom-button-Confirm" @click="handleReceive()"
						style="width: 92%;background: #A5A5A5;border-radius: 10rpx;font-weight: 600;color: #fff;">
						<text>{{ isCancel ? '已取消' : isComfirmApply ? '已接单' : isReceive ? '已接单' : '立即报名'}}</text>
					</view>
				</view>
			</view>
		</view>
		<view class="mask" v-if="false">
			<view class="jinpai-alert-div">
				<view class="jinpai-alert">
					<view class="jinpai-alert-title-image-view">
						<text v-if="manzuVip==false">继续努力哦~</text>
						<text v-if="manzuVip==false">升级为金牌就能报名啦！</text>
						<text v-if="manzuVip==true">您已完成金牌任务</text>
						<text v-if="manzuVip==true">等待金牌权益生效中...</text>
					</view>
					<view class="banner-yellow-info">
						<view class="banner-yellow-info-item">
							<view>
								<view>
									<text class="banner-yellow-info-item-title">接单天数</text>
									<text
										class="banner-yellow-info-item-title-info">({{ jinpaiAlertList.mDay }}天)</text>
								</view>
								<view>
									<text class="banner-yellow-info-item-num"
										v-if="jinpaiAlertList.alreadyDay>=jinpaiAlertList.mDay">已满足</text>
									<view v-else>
										<text
											class="banner-yellow-info-item-num">{{ jinpaiAlertList.alreadyDay }}</text>
										<text class="banner-yellow-info-item-nums">/{{ jinpaiAlertList.mDay }}</text>
									</view>
								</view>
							</view>
							<view>
								<view class="banner-yellow-info-item-jindu-y"
									:style="{width:(jinpaiAlertList.alreadyDay/jinpaiAlertList.mDay)*552<552?(jinpaiAlertList.alreadyDay/jinpaiAlertList.mDay)*552+'rpx':'552rpx'}">
								</view>
								<view class="banner-yellow-info-item-jindu-n"></view>
							</view>
						</view>
						<view class="banner-yellow-info-item">
							<view>
								<view>
									<text class="banner-yellow-info-item-title">工作时长</text>
									<text
										class="banner-yellow-info-item-title-info">({{ jinpaiAlertList.mTime }}小时)</text>
								</view>
								<view>
									<text class="banner-yellow-info-item-num"
										v-if="jinpaiAlertList.alreadyTime>=jinpaiAlertList.mTime">已满足</text>
									<view v-else>
										<text class="banner-yellow-info-item-num">{{jinpaiAlertList.alreadyTime}}</text>
										<text class="banner-yellow-info-item-nums">/{{ jinpaiAlertList.mTime }}</text>
									</view>
								</view>
							</view>
							<view>
								<view class="banner-yellow-info-item-jindu-y"
									:style="{width:(jinpaiAlertList.alreadyTime/jinpaiAlertList.mTime)*552<552?(jinpaiAlertList.alreadyTime/jinpaiAlertList.mTime)*552+'rpx':'552rpx'}">
								</view>
								<view class="banner-yellow-info-item-jindu-n"></view>
							</view>
						</view>
						<view class="banner-yellow-info-item">
							<view>
								<view>
									<text class="banner-yellow-info-item-title">雇主数</text>
									<text class="banner-yellow-info-item-title-info">({{ textlie }}人)</text>
								</view>
								<view>
									<text class="banner-yellow-info-item-num"
										v-if="jinpaiAlertList.numberuserid>=textlie">已满足</text>
									<view v-else>
										<text
											class="banner-yellow-info-item-num">{{jinpaiAlertList.numberuserid}}</text>
										<text class="banner-yellow-info-item-nums">/{{ textlie }}</text>
									</view>
								</view>
							</view>
							<view>
								<view class="banner-yellow-info-item-jindu-y"
									:style="{width:(jinpaiAlertList.numberuserid/textlie)*552<552?(jinpaiAlertList.numberuserid/textlie)*552+'rpx':'552rpx'}">
								</view>
								<view class="banner-yellow-info-item-jindu-n"></view>
							</view>
						</view>
						<view class="banner-yellow-info-item">
							<view>
								<view>
									<text class="banner-yellow-info-item-title">差评数</text>
									<text
										class="banner-yellow-info-item-title-info">(小于{{ jinpaiAlertList.mBadLimit }}个)</text>
								</view>
								<view>
									<text class="banner-yellow-info-item-num-r"
										v-if="jinpaiAlertList.alreadyBad>jinpaiAlertList.mBadLimit">不满足</text>
									<view v-else>
										<text
											class="banner-yellow-info-item-num-r">{{jinpaiAlertList.alreadyBad}}</text>
										<text
											class="banner-yellow-info-item-nums-r">/{{ jinpaiAlertList.mBadLimit }}</text>
									</view>
								</view>
							</view>
							<view>
								<view class="banner-yellow-info-item-jindu-r"
									:style="{width:jinpaiAlertList.mBadLimit!=0?((jinpaiAlertList.alreadyBad/jinpaiAlertList.mBadLimit)*552<552?(jinpaiAlertList.alreadyBad/jinpaiAlertList.mBadLimit)*552+'rpx':'552rpx'):jinpaiAlertList.alreadyBad==0?'0rpx':'552rpx'}">
								</view>
								<view class="banner-yellow-info-item-jindu-n"></view>
							</view>
						</view>
					</view>
				</view>
				<view class="jinpai-alert-button">
					<view class="jinpai-alert-button-quxiao" @click="isShowjinpaiAlert=false">取消</view>
					<view class="jinpai-alert-button-queding" @click="goToJinpai()">查看金牌</view>
				</view>
			</view>
		</view>
		<!-- 新手引导 -->
		<!-- <view v-if="true" class="share-modal" style="text-align: center;"> -->
		<view v-if="isSHowyindao&&userType==0&&signUp" class="share-modal" style="text-align: center;">
			<!-- isSHowyindao&&userType==0&&signUp -->
			<view v-if="video2" class="zdy-inner" style="width: 100%;height: 100%;border: 1px solid;background: red;">
				<video @ended="EventHandle" :enable-play-gesture="true" :controls="false" autoplay :show-loading="false"
					show-progress="false" :show-fullscreen-btn="false" show-center-play-btn="true"
					:vslide-gesture-in-fullscreen="false" :enable-progress-gesture="false"
					@fullscreenchange="videoControl" id="myvideo"
					src="https://images.linglinggong.net/11%E6%9C%8822%E6%97%A5%E6%96%B0%E6%89%8B%E6%95%99%E5%AD%A6%E6%96%B0.mp4"
					enable-progress-gesture="false"
					poster="https://images.linglinggong.net/static/videodata.gif"></video>
			</view>
			<view v-else
				style="position: fixed;top: 18%;left: 13%;background: #FFFFFF; width: 550rpx;height: 829rpx;border-radius: 12rpx;">
				<view style=" height: 100rpx;text-align: center ;margin-top: 30rpx;">
					<view><text
							style="width: 286rpx;height: 35rpx;font-size: 36rpx;font-family: PingFang SC;font-weight: bold;color: #000000;line-height: 49rpx;">新手接单必备教程</text>
					</view>
					<view style="margin-top: 18rpx;"><text
							style="width: 230rpx;height: 26rpx;font-size: 28rpx;font-family: PingFang SC;font-weight: 500;color: #FE4B28;line-height: 49rpx;">不查看无法接单哦!</text>
					</view>
				</view>
				<view style="text-align: center; margin-top: 40rpx;">
					<image v-show="!video" @click="playVideo()"
						style="width: 470rpx;height: 630rpx;background: #FFFFFF;border-radius: 12rpx;"
						src="https://images.linglinggong.net/static/videodata.gif"></image>
					<video v-if="!video2" v-show="video" @ended="EventHandle" :enable-play-gesture="true"
						:controls="false" :show-loading="false" show-progress="false" :show-fullscreen-btn="false"
						:show-center-play-btn="true" :vslide-gesture-in-fullscreen="false"
						:enable-progress-gesture="false" @fullscreenchange="videoControl" id="myvideo"
						src="https://images.linglinggong.net/11%E6%9C%8822%E6%97%A5%E6%96%B0%E6%89%8B%E6%95%99%E5%AD%A6%E6%96%B0.mp4"
						enable-progress-gesture="false"
						poster="https://images.linglinggong.net/static/videodata.gif"></video>
				</view>
			</view>
		</view>
		<!-- </view> -->
		<!-- 海报图 -->
		<canvas canvas-id="invitation-post"
			:style="{ width: '305px', height: '403px', position: 'fixed', top: '-9999px', left: '35px'}"></canvas>
		<modal :isShowModal="isShowModal" :modalStytle="modalStytle" @handleLeft="handleLeft" @handleRight="handleRight"
			:titleContect="titleContect" :middleContext="middleContext" :leftContext="leftContext"
			:rightContext="rightContext"></modal>
		<sexSupplement v-if="isShowSex" @closeSexSupplementPage="isShowSex=false"></sexSupplement>
		<view class="mask" v-if="isShowDialogBox">
			<view class="dialogBox">
				<text class="dialogBox-text-title">{{dialogBoxTextTitle}}</text>
				<text class="dialogBox-text-title1">{{dialogBoxTextTitle1}}</text>
				<view class="dialogBox-button">
					<view class="dialogBox-button-btn1" @click="isShowDialogBox=false">取消</view>
					<view :style="{color:buttonColor}" class="dialogBox-button-btn2" @click="dialogBoxClick()">确认</view>
				</view>
			</view>
		</view>
		<!-- <view class="mask" v-if="isShowUserVip>0">
			<view class="isUserVip">
				<view class="isUserVip-conetne">
					<text>金牌临时工</text>
					<text>{{'有效期至'+vipTime+'，还剩'+expirationTime+'天'}}</text>
					<text>特权正在使用中...</text>
				</view>
				<view class="isUserVip-button" @click="goToJinpai()">下月金牌进度查看（{{isShowUserVip}}S)</view>
			</view>
		</view> -->
		<!-- 信息补充 -->
		<view class="useRmask" v-if="TanKuangHide&&isXinXiBuChongHide&&clickXinXiBuChongHide">
			<view class="tankaung">
				<view class="title">
					<image src="https://images.linglinggong.net/static/userifo-supplement/guanbi.png" mode=""
						@click="close"></image>
					<view class="text">信息补充</view>
				</view>
				<!-- 头像 -->
				<view class="cont" v-show="TouXiangHide">
					<view class="TXtest">头像认证</view>
					<view class="head-portrait" @click="touxiangClick">
						<image :src="imgBase" mode="aspectFill"></image>
					</view>
				</view>
				<!-- 性别选择 -->
				<view class="xingbie" v-show="userSexHide">
					<view class="XBText">性别选择</view>
					<view class="Gender">
						<view class="nan gender" @click="genderClick(0)" :class="or_gender==0 ? 'nan-bg':''">
							<view class="gender-ctn">
								<text>男</text>
								<image
									:src="or_gender==0 ? 'https://images.linglinggong.net/static/userifo-supplement/nan.png':'https://images.linglinggong.net/static/userifo-supplement/nan2x.png'"
									mode="aspectFill" class="image"></image>
							</view>
						</view>
						<view class="nv gender" @click="genderClick(1)" :class="or_gender==1 ? 'nv-bg':''">
							<view class="gender-ctn">
								<text>女</text>
								<image
									:src="or_gender==1 ? 'https://images.linglinggong.net/static/userifo-supplement/nv.png':'https://images.linglinggong.net/static/userifo-supplement/nv2x.png'"
									mode="aspectFill" class="image"></image>
							</view>
						</view>
					</view>
				</view>
				<!-- 实名认证 -->
				<view class="Real-name" v-show="idCardNum" @click="RealName">
					<view class="tex1-name">实名认证</view>
					<view class="renzheng">
						<text :style="Real_name=='审核中' ? ' color:#1a1a1a':''">{{Real_name}}</text>
						<image src="https://images.linglinggong.net/static/icon1/finishInvite-jt.png" mode=""></image>
					</view>
				</view>
				<view class="" style="padding: 0 0  40rpx 0;" @click="OpenLLG">
					<view class="zlg-btn " :class=" bgcolor ? 'zlg-btn-bg':'' ">确定</view>
				</view>
			</view>
		</view>
		<popupWatch v-if="isShowPw" @closePwPage="closePwPage"></popupWatch>
		<!-- isShowPopup -->
		<registrationPopup :name="popup.name" :ordinary="popup.ordinary" :goldmedal="popup.goldmedal" @buyNow="buyNow"
			@closePopup="closePopup" v-if="false"></registrationPopup>
		<goldMedalPay v-if="isShowPay" @closePayPage="closePayPage()"></goldMedalPay>
		<!-- 分享海报 -->
		<view class="modal" :class="isShowPost ? 'show' : ''">
			<!-- 海报图 -->
			<canvas canvas-id="invitation-post2"
				:style="{ width: '305px', height: '403px', position: 'fixed', top: '-9999px', left: '35px'}"></canvas>
			<view class="my-post" @longpress="handleSaveAlbum">
				<image class="bg" :src="postUrl2" mode="aspectFill"></image>
			</view>
			<image @click="handleClosePost" class="close" src="https://images.linglinggong.net/static/icon1/07.png">
			</image>
		</view>
		<view class="scyq" v-if="isXinshou && !isCancel && !isReceive && userType==0">
			<view class="scyq-main"
				v-if="isXinshou && userType==0&&!isReceive&&!isCancel&&!OldStaff && disturbstatus!=1"
				@click="closeXinshou">
				<view class="scyq-main-box">
					<image style="width: 500rpx;height: 100%;"
						src="http://images.linglinggong.net/Fg3d2FSgcHpAkZigLDCMBqVE-VxE" mode="widthFix">
					</image>
				</view>
			</view>
			<view class="scyq-main"
				v-if="isXinshou && !isReceive && userType==0&&!isCancel&&OldStaff&& disturbstatus!=1">
				<view class="scyq-main-box">
					<image style="width: 540rpx;height: 100%;" v-if="isShowScyq==1" @click="isShowScyq = 2"
						src="http://images.linglinggong.net/FrOH6KEe8HfAbjqbecpZYjS3VghY" mode="widthFix">
					</image>
					<image style="width: 540rpx;height: 100%;" v-if="isShowScyq==2" @click="closeXinshou"
						src="http://images.linglinggong.net/FvSD7gGkauhrd50waa4ffP2s6qFg" mode="widthFix">
					</image>
				</view>
			</view>
			<view class="scyq-main" v-if="isXinshou && userType==0&&!isReceive&&!isCancel&& disturbstatus==1"
				@click="closeXinshou">
				<view class="scyq-main-box">
					<image style="width: 500rpx;height: 100%;"
						src="http://images.linglinggong.net/FjaMqdhLerZ66tVPevMNM5Ydm8EX" mode="widthFix">
					</image>
				</view>
			</view>
		</view>
		<view class="qrimg" style="visibility:hidden">
			<tki-qrcode ref="qrcode" :val="val" :size="size" :unit="unit" :background="background"
				:foreground="foreground" :pdground="pdground" :icon="icon" :iconSize="iconsize" :lv="lv" :onval="onval"
				:loadMake="loadMake" :usingComponents="usingComponents" :showLoading="showLoading"
				:loadingText="loadingText" @result="qrR" />
		</view>
		<!-- 弹窗 -->
		<bullet v-if="showbullet" @toClose='toClose' isHiden=2 :taskDetail='contentMessage'></bullet>
		<!-- 不是金牌点击金牌任务提示提示弹框 -->
		<bullet @toClose='toClose' isHiden=1 v-if="isShowjinpaiAlert" :taskDetail='contentMessage'></bullet>
		<!-- 限制接单弹窗 -->
		<view class="mask" v-if="isScoreLimit" style="z-index: 9999;">
			<view class="content">
				<image @click="isScoreLimit=false" src="https://images.linglinggong.net/static/icon3/close1.png"
					mode="">
				</image>
				<view class="inner">
					<view class=""> 账号被限制接单中 </view>
					<view class=""> 评分已低于 <span>60</span> 分 </view>
					<view class="" v-if="grade==4">
						<span>999</span>天<span>0</span>小时
					</view>
					<view class="" v-else>
						<span>{{recoveryDay}}</span>天<span>{{recoveryTours}}</span>小时
					</view>
					<image src="https://images.linglinggong.net/static/score-limit-big.png" mode=""></image>
				</view>
				<view class="btn" @click="toScore()"> 查看评分 </view>
			</view>
		</view>
		<phone v-if="showPhone" :middleContext='middleContext' @closePhone='closePhone' @handleRight="handleRight">
			{{middleContext[5]}}
		</phone>
	</view>
</template>
<script>
	import {
		baseURL
	} from '@/config'
	import AudioPlayer from 'untils/audio-player.js';
	import {
		isToDay,
		getDeviceInfo,
		isTaskTomorrow,
	} from '@/libs/unit.js'
	import Voice from '@/libs/QS-baiduyy.js'
	import popupWatch from '../../components/xjbg/popupWatch.vue'
	import registrationPopup from '../../components/RegistrationPopup/registrationPopup.vue'
	import goldMedalPay from '@/components/gold-medal-com/gold-medal-pay'
	import modal from '@/components/modal/modal.vue'
	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
	import bullet from '@/components/bullet/bullet.vue'
	import phone from '../../components/phone/phone.vue'
	export default {
		components: {
			popupWatch,
			registrationPopup,
			goldMedalPay,
			modal,
			bullet,
			phone
		},
		data() {
			return {
				showPhone: false, //拨打电话提示
				showbullet: false,
				isShowPay: false, //立即购买付款弹窗
				popup: { //vip对比页的数据
					name: '',
					ordinary: 0,
					goldmedal: 0
				},
				isShowPopup: false, //是否弹出vip对比页面
				isShowPw: false,
				isFengjin: 0,
				receiveNum: '', //接单量
				order_listNumber: "", //订单数量
				user: {
					userSex: ''
				},
				TanKuangHide: false, //控制弹框隐藏
				or_gender: '3', //0男
				bgcolor: false,
				userSexHide: false, //判断用户性别是否选择			进行隐藏
				imgBase: "", //用户认证的头像
				TouXiangHide: false, //用户是否认证头像			进行隐藏
				Real_name: "去认证", //用户是否实名认证
				idCardNum: false, //根据身份证信息判断是否实名			进行隐藏
				isTel: false, //用户是否填写备用电话 			进行隐藏
				TelModel: "", //备用手机号
				idCardStatus: "",
				avatar: "", //七牛token
				uploadToken: "",
				phonenumber: "", //注册的电话
				isXinXiBuChongHide: false, //辅助判断 信息补充显示
				clickXinXiBuChongHide: false,
				isClick: false,
				signUp: false, //点击是为true 辅助判断视频显示
				isShowVideo: false, //不显示视频，点击时显示
				isReceive: false, //是否接单
				isCollect: 0, //是否收藏
				isCancel: false, //是否已取消订单，
				isComfirm: false, //报名第一步
				isComfirmApply: false, //报名第二步
				orderId: '', //订单id
				orderCreateTime: '', //订单创建时间
				flagOpen: true, //防止重复点击
				modalStytle: 3, //0-left-text,1-two-line,2-hasInput, 3-middle-context
				isShowModal: false, //是否接单弹框
				titleContect: '提示', //弹框标题
				middleContext: '是否接单', //弹框中间的内容
				leftContext: '取消', //弹框按钮左边的内容
				rightContext: '确认', //弹框按钮右边的内容
				isvipsModal: false, //金牌弹窗
				isOpenModal: false, //是否打开分享弹框
				isConfirmApply: false, //是否已经报名
				isConfirm: false, //是否打过电话
				today: '', //今天的日期，2020-10-09
				tomorrow: '', //明天的日期
				postUrlTask: '', //任务图片
				postUrl: '', //分享的图片
				postUrl2: '', //分享的图片
				userInfo: uni.getStorageSync('userInfo'),
				userSex: '', //当前用户性别
				imgPath: '', //图片路径
				taskId: '', //任务id
				orderDetail: {}, //订单详情
				jiacheTimess: 0,
				taskDetail: {
					startTime: '',
					endTime: '',
					jiacheTimes: '0',
					jinpaiguoqi: false,
				}, //任务详情
				street: {}, //义乌街道
				taskPicList: [], //工作图片
				userType: '', //用户类型，0雇员，1雇主
				showAdd: '义乌', //展示地址
				timer: '',
				quxiaoFlag: 1,
				quxiaoClick: false,
				task_uesr_Id: 0,
				videoContext: null,
				videosrc: '',
				video: false,
				isSHowyindao: false,
				isShowSex: false,
				isShowAletButton: false,
				isShowDialogBox: false,
				dialogBoxTextTitle: '',
				dialogBoxTextTitle1: '',
				receivedTaskStartTime: 0,
				buttonColor: '',
				countTime: '', //倒计时
				countTimeM: '', //分
				countTimeS: '', //秒
				countTimeMS: '', //毫秒
				voiceTimer: null, // 语音播报定时器
				dialogBoxType: 0,
				isConfirm: false, //是否打过电话
				bossPhone: '',
				quxiaoTimer: '',
				quxiaoiT: '',
				shifenzhong: 600000,
				OldStaff: false, //是否老雇员
				isShowjinpaiAlert: false,
				textlie: 0,
				jinpaiAlertList: {
					mTime: '',
					mDay: '',
					mBadLimit: '',
					alreadyTime: '',
					alreadyDay: '',
					alreadyBad: '',
					numberuserid: '',
				},
				manzuVip: false,
				userVip: false,
				isShowUserVip: 0,
				vipTime: '',
				expirationTime: '',
				isSHowdaojishi: false,
				isTaskTomorrowFlag: false,
				wechatTitle: '我在找零工接单了',
				wechatInfo: '海量高薪任务日结，工作轻松，时间自由，上班不如一起做零工！',
				tempTrade: '',
				video2: false,
				isShowPost: false, //是否显示海报
				ShowAddres: "", //展示地址
				disturbstatus: 0,
				isXinshou: false,
				isShowScyq: 0,
				dateLockTime: '',
				timeData: {},
				isShowDjs: false,
				dhTime: true,
				timers: null,
				isToday: '',
				//生成二维码参数
				cid: 'tki-qrcode-canvas',
				val: '',
				size: 200,
				unit: 'px',
				show: true,
				background: '#000000',
				foreground: '#ffffff',
				pdground: '#ffffff',
				icon: '',
				iconsize: 20,
				lv: 3,
				onval: '',
				loadMake: '',
				usingComponents: '',
				showLoading: '',
				loadingText: '',
				//生成二维码参数
				qrcodeImg: '',
				contentMessage: {},
				isScoreLimit: false,
				recoveryDay: '',
				recoveryTours: '',
				grade: ''
			}
		},
		watch: {
			'isXinshou': {
				handler(val) {
					let that = this
					let time = null
					console.log(val, 789456)
					if (val) {
						that.timers = setInterval(function() {
							that.$refs.onInit.x = 0
							time = setTimeout(function() {
								that.$refs.onInit.x = 10000
							}, 500)
						}, 1000)
					} else {
						// that.$refs.onInit.x = 0
						// that.$refs.onInit.success= false
						clearInterval(that.timers)
						clearTimeout(time)
						try {
							that.$refs.onInit.initialization()
							that.$refs.onInit.x = 0
						} catch (e) {
							//TODO handle the exception
						}
					}
					immediate: true
				},
			}
		},
		methods: {
			// 关闭
			closePhone() {
				this.showPhone = false
			},
			goKefu() {
				uni.navigateTo({
					url: '/pages/onLinePage/kefu?userId=' + uni.getStorageSync('userInfo').userId
				})
			},
			//小程序分享
			onShareAppMessage() {
				return {
					title: this.wechatTitle,
					desc: this.wechatInfo,
					// pages/start-n/start-n
					path: '/pages/start-n/start-n?taskId=' + this.taskId + '&fenxid=' + uni.getStorageSync('userId'),
					imageUrl: this.postUrl,
					success: res => {
						this.task_share()
					}
				}
			},
			async task_share() {
				let res = await this.$fetch(this.$api.task_share, {
					type: 1
				}, 'POST')
				console.log(res)
			},
			toScore() {
				uni.navigateTo({
					url: '/pages/syncAppNewPage/score/score'
				})
			},
			stringToDate(dateStr, separator) {
				if (!separator) {
					separator = "-";
				}
				var dateArr = dateStr.split(separator);
				var year = parseInt(dateArr[0]);
				var month;
				if (dateArr[1].indexOf("0") == 0) {
					month = parseInt(dateArr[1].substring(1));
				} else {
					month = parseInt(dateArr[1]);
				}
				var day = parseInt(dateArr[2]);
				var date = new Date(year, month - 1, day);
				return date;
			},
			async get_recovery_amount_accelerate() {
				console.log('aaaaaaaaaaaaaaaaaaa')
				if ([2, 3].includes(this.grade)) {
					let a = this.$api.get_recovery_amount_accelerate
					let b = this.$api.get_recovery_amount
					await this.$fetch(this.grade == 3 ? a : b, {}, 'GET').then(res => {
						res.code && uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						let speed = res.data.mediumRange
						let money = res.data.amount
						let sdate = this.stringToDate(res.data.recoveryTime)
						let now = (new Date()).valueOf()
						sdate = (sdate).valueOf()
						let tours = sdate - now
						this.recoveryDay = parseInt(tours / (1000 * 60 * 60 * 24));
						let tour = parseInt(tours / (1000 * 60 * 60))
						this.recoveryTours = tour - this.recoveryDay * 24
					})
				}
				console.log(this.recoveryTours, this.recoveryDay, 'bbbbbbbbbbb')
			},
			// 获取评分
			async get_ratings() {
				let res = await this.$fetch(this.$api.get_ratings, {}, 'GET')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				if (res.data.score >= 60) {
					this.isScoreLimit = false
				} else {
					setTimeout(() => {
						this.isScoreLimit = true
					}, 500)
				}
				this.grade = Number(res.data.grade)
				this.receivingorders = res.data.receivingorders
				this.get_recovery_amount_accelerate()
				console.log('aaaaaaaaaaaaaaaaaaa')
			},
			//获取用户信息
			async getUserToken() {
				let res = await this.$fetch(this.$api.get_user_by_token, {}, 'POST')
				// userIdentityStatus, // /用户身份：0 试用零工 1 正式零工 2 金牌晋升期
				// idCardNum, //实名认证
				// frockFlag, //是否购买工装  0 否  1 是  studyFlag 是否学习   ,ensureAccount 保证金
				this.contentMessage = res.data
			},
			// 关闭
			toClose(e) {
				if (e == 1) {
					this.showbullet = false
				}
				if (e == 2) {
					this.isShowjinpaiAlert = false
				}
			},
			//立即购买付款弹窗
			qrR(e) {
				this.qrcodeImg = e
			},
			closePayPage() {
				this.isShowPay = false
			},
			//关闭会员对比弹窗
			closePopup() {
				this.isShowPopup = false
			},
			//立即购买会员
			buyNow() {
				this.isShowPopup = false
				this.isShowPay = true
			},
			// 新增修改 311
			updateUserImage(e) {
				this.imgBase = e
			},
			// 实名认证 已认证
			real_name(e) {
				this.Real_name = e
			},
			handleOpen() {
				this.isOpenModal = true
				this.isShowVideo = false
			},
			handleVideo() {
				this.isShowVideo = !this.isShowVideo
			},
			//弹框左键 电话取消
			handleLeft() {
				this.isShowModal = false;
				try {
					this.$refs.onInit.initialization()
				} catch (error) {}
			},
			handleClosePost() {
				this.isShowPost = false
			},
			handleSaveAlbum() {
				console.log(5555555555)
				uni.saveImageToPhotosAlbum({
					filePath: this.postUrl2,
					success: (res) => {
						uni.showToast({
							title: '海报已存至相册'
						})
						this.isShowPost = false
						this.task_share()
					}
				})
			},
			getShowAdd(add) {
				add = add.split('·')
				add.pop()
				return add.join('·')
			},
			getReceived() {
				let item = [this.taskId, this.isConfirm, this.OldStaff]
				let list = uni.getStorageSync('ReceivedInfo') ? uni.getStorageSync('ReceivedInfo') : []
				list.push(item)
				uni.setStorageSync('ReceivedInfo', list)
			},
			// 获取占位
			async getData() {
				let ress2 = await this.$fetch(this.$api.get_order_apply_time, {
					taskId: this.taskId
				}, 'GET')
				if (ress2.code == 0) {
					this.isShowDjs = false
					return
				} else {
					if (ress2.data.dateLockTime) {
						this.isShowDjs = true
						this.goCountDown(Number(ress2.data.dateLockTime))
					}
				}
			},
			async getData2() {
				let res = await this.$fetch(this.$api.property_list_by_type, {
					type: 1
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				//接单超时取消 单位 分钟 整数
				this.overtime_cancel = res.data.overtime_cancel
				uni.setStorageSync('overtime_cancel', res.data.overtime_cancel)
			},
			onChange(e) {
				this.timeData = e
			},
			goCountDown(time) {
				let time1 = time / 1000
				let time2 = time1 + 60
				let time3 = Date.parse(new Date()) / 1000
				let time4 = (time2 - time3)
				this.dateLockTime = time4 * 1000 > 0 ? time4 * 1000 : 0
				console.log('获取锁定时间', this.dateLockTime)
			},
			endTimeJ() {
				this.isShowDjs = false
				if (!this.OldStaff) {
					this.getData()
				}
			},
			//弹框右键
			handleRight() {
				try {
					this.$refs.onInit.initialization()
				} catch (error) {}
				this.isShowModal = false
				uni.setStorageSync('shuaxin', true)
				//验证用户级别1金牌0普通
				/*检测是否绿单*/
				// console.log(this.taskDetail.vipFlag)
				if (this.titleContect == '取消订单') {
					this.handleRight2()
					return
				}
				if (this.taskDetail.vipFlag > 0) { //补贴任务
					if (this.contentMessage.userIdentityStatus == 2) { //金牌用户
						this.apply()
					} else { //普通用户
						this.isShowjinpaiAlert = true
					}
				} else {
					this.apply()
				}
				// if (!this.OldStaff) {
				// 	this.getDataConfirm()
				// } else {
				// 	if (this.taskDetail.vipFlag > 0 && !this.taskDetail.jinpaiguoqi) { //补贴任务
				// 		this.vipFlag = uni.getStorageSync('userInfo').user.vipFlag
				// 		if (this.vipFlag > 0) { //金牌用户
				// 			/* console.log("1111111111") */
				// 			this.isvipsModal = true
				// 			setTimeout(() => {
				// 				this.isvipsModal = false
				// 				this.apply()
				// 			}, 2000)
				// 		} else { //普通用户
				// 			if (this.taskDetail.vipFlag > 0) {
				// 				this.isShowjinpaiAlert = true
				// 			}
				// 		}
				// 	} else {
				// 		this.apply()
				// 	}
				// }
			},
			async getDataConfirm() {
				let ress2 = await this.$fetch(this.$api.get_order_apply_time, {
					taskId: this.taskId
				}, 'GET')
				if (ress2.code == 0) {
					this.isShowDjs = false
					this.confirmRight()
					return
				} else {
					if (ress2.data.dateLockTime) {
						this.isShowDjs = true
						this.goCountDown(Number(ress2.data.dateLockTime))
					}
				}
			},
			confirmRight() {
				if (this.taskDetail.vipFlag > 0) { //补贴任务
					if (this.contentMessage.userIdentityStatus == 2) { //金牌用户
						this.apply()
					} else { //普通用户
						this.isShowjinpaiAlert = true
					}
				} else {
					this.apply()
				}
				// if (this.taskDetail.vipFlag > 0 && !this.taskDetail.jinpaiguoqi) { //补贴任务
				// 	this.vipFlag = uni.getStorageSync('userInfo').user.vipFlag
				// 	if (this.vipFlag > 0) { //金牌用户
				// 		/* console.log("1111111111") */
				// 		this.isvipsModal = true
				// 		setTimeout(() => {
				// 			this.isvipsModal = false
				// 			this.apply()
				// 		}, 2000)
				// 	} else { //普通用户
				// 		if (this.taskDetail.vipFlag > 0) {
				// 			this.isShowjinpaiAlert = true
				// 		}
				// 	}
				// } else {
				// 	this.apply()
				// }
			},
			closeXinshou() {
				try {
					setTimeout(() => {
						this.$refs.onInit.initialization()
					}, 1000)
				} catch (e) {
					console.log(e)
				}
				this.isXinshou = false
				this.isShowScyq = 0
				uni.setStorageSync('xinshouB1', true)
			},
			//弹框右键
			handleRight2() {
				console.log("弹框右键--", this.quxiaoClick);
				this.isShowModal = false
				if (this.quxiaoClick) {
					this.quxiaoFlag++
					uni.setStorageSync('quxiaoFlag', [uni.getStorageSync('date'), this.quxiaoFlag])
					console.log("this.quxiaoClick--", this.quxiaoClick);
					this.handleCancel()
					return
				}
				let phone = this.taskDetail.phonenumber ? this.taskDetail.phonenumber : this.taskDetail.telephone
				this.phone_bind_middle_number(phone, true, this.orderId)
				this.isConfirm = true
				this.cache_task_dialed_mobile()
				// 打电话了
				uni.setStorageSync('hasUnconfirm', 2)
				/* this.phone_bind_middle_number(this.taskDetail.telephone) */
			},
			playVideo() {
				try {
					this.$refs.onInit.initialization()
				} catch (e) {
					//TODO handle the exception
				}
				this.video2 = true
				this.videoContext.play();
				console.log('点击全屏,我要全屏了')
				this.video = true
				// 全屏
				this.$nextTick(() => {
					// requestFullScreen全屏 direction 屏幕得角度！
					this.videoContext.requestFullScreen({
						direction: 0
					})
				})
			},
			async videoControl(e) {
				console.log(e)
				if (e.detail.fullScreen) { //e.detail.fullScreen是否为全屏
					this.videoContext.play();
				} else {
					this.videoContext.pause();
					this.videoContext.exitFullScreen()
					this.video = false
					this.video2 = false
					// this.isSHowyindao = false
				}
			},
			async EventHandle(e) {
				this.video = false
				this.isSHowyindao = false
				this.videoContext.pause();
				this.videoContext.exitFullScreen()
				let res = await this.$fetch(this.$api.updAllNoviceguide, 'GET')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				let result = await this.$fetch(this.$api.get_current_user, {}, 'GET')
				if (result.code) return uni.showToast({
					title: result.msg,
					icon: 'none'
				})
				if (res.data.payPwdFlag) {
					uni.setStorageSync('isHavePayPassword', true)
				} else {
					uni.setStorageSync('isHavePayPassword', false)
				}
				uni.setStorageSync('userInfo', result.data)
				if (uni.getStorageSync('checked1')) {
					Voice('电话报名教程已查看，请尽快接取订单')
				}
			},
			// 计算工作时长
			calcWorkTime(start, end) {
				let startT = start.replace(/-/g, '/')
				let endT = end.replace(/-/g, '/')
				startT = new Date(startT).getTime()
				endT = new Date(endT).getTime()
				let differenceT = (endT - startT) / (1000 * 60 * 60) //小时
				return differenceT
			},
			// 获取今天日期
			getToday() {
				let day_0 = new Date();
				this.today = this.formatDate(day_0)
				//明天的时间
				let day_1 = new Date();
				day_1.setDate(day_1.getDate() + 1);
				this.tomorrow = this.formatDate(day_1)
			},
			formatDate(date) {
				var d = date,
					month = '' + (d.getMonth() + 1),
					day = '' + d.getDate(),
					year = d.getFullYear();
				if (month.length < 2) month = '0' + month;
				if (day.length < 2) day = '0' + day;
				return [year, month, day].join('-');
			},
			// 获取海报
			getPostUrl() {
				let unit = this.taskDetail.taskType == 0 ? '元/小时' : this.taskDetail.taskType == 1 ? '元/件' : '元/天'
				let reward = this.taskDetail.reward
				// console.log(11,baseURL);
				this.$nextTick(() => {
					this.createdPost(this.imgPath + this.userInfo.user.avatar, this.userInfo.user.userName,
						baseURL, this.taskDetail.name, reward, unit)
				})
			},
			// 获取二维码
			async get_user_qrcode() {
				let res = await this.$fetch(this.$api.get_user_qrcode, {}, 'GET')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				// console.log(11,baseURL);
				this.obj = res.data
				this.val = res.data.urlPath
				this.$nextTick(() => {
					// this.createdPost2(this.imgPath + res.data.avatar, res.data.userName, this.imgPath + res
					// 	.data.path)
					this.createdPost2(this.imgPath + res.data.avatar, res.data.userName, this.qrcodeImg)
				})
			},
			createdPost2(avatar, userName, qrcode) {
				console.log('创建画布', avatar, userName, qrcode)
				const ctx = uni.createCanvasContext('invitation-post2')
				//背景图片
				ctx.drawImage('https://images.linglinggong.net/static/icon1/08.png', 0, 0, 305, 403)
				//用户名
				ctx.setFillStyle('#402110')
				ctx.font = "bold 14px PingFangSC-Medium";
				ctx.fillText(userName, 160 / 2, 40 / 2 + 20)
				const metrics = ctx.measureText(userName)
				//说明
				ctx.setFillStyle('rgba(64,33,16,0.50)')
				ctx.font = "12px PingFangSC-Regular";
				ctx.fillText('扫码加入“找零工”，和我一起赚钱吧！', 163 / 2, 90 / 2 + 17)
				//二维码
				ctx.drawImage(qrcode, 58 / 2, 210 / 2, 496 / 2, 496 / 2)
				//提示
				ctx.setFillStyle('#402110')
				ctx.font = "14px PingFangSC-Regular";
				ctx.fillText('长按二维码保存至相册', 166 / 2, 726 / 2 + 20)
				//任务头像
				ctx.arc(85 / 2, 85 / 2, 22.5, 0, 2 * Math.PI) // 画圆
				ctx.clip()
				ctx.drawImage(avatar, 40 / 2, 40 / 2, 45, 45)
				ctx.draw(true, () => {
					// console.log('画画')
					uni.canvasToTempFilePath({
						canvasId: 'invitation-post2',
						success: (res) => {
							uni.hideLoading()
							this.postUrl2 = res.tempFilePath
						}
					})
				})
			},
			// 创建画布
			createdPost(avatar, userName, qrcode, taskName, reward, unit) {
				const ctx = uni.createCanvasContext('invitation-post')
				//背景图片
				ctx.drawImage('https://images.linglinggong.net/FrB7byd6O92c5KUOacKqD4-v59xH', 105 / 2, 310 / 2, 200, 200)
				//找零工logo
				// ctx.setFillStyle('#402110')
				// ctx.font = "bold 20px PingFangSC-Medium";
				// ctx.fillText('找零工', 135, 40)
				//说明
				// ctx.setFillStyle('rgba(64,33,16,0.50)')
				// ctx.font = "14px PingFangSC-Regular";
				// ctx.fillText('来自' + userName + '的分享', 163 / 2, 90 / 2 + 25)
				// 工作名称
				// ctx.setFillStyle('#402110')
				// ctx.font = "18px PingFangSC-Regular";
				// ctx.fillText(taskName, 105 / 2, 115)
				// 工作报酬F39B19
				// ctx.setFillStyle('#FF650C')
				// ctx.font = "normal bold 18px PingFangSC-Regular"
				// ctx.fillText(reward + unit ? unit : '', 105 / 2, 145)
				ctx.draw(true, () => {
					uni.canvasToTempFilePath({
						canvasId: 'invitation-post',
						success: (res) => {
							uni.hideLoading()
							this.postUrl = res.tempFilePath
							// console.log('得到',this.postUrl)
							// uni.setStorageSync('postUrl',
							// 	res.tempFilePath)
							// console.log('画图')
						}
					})
				})
				// uni.downloadFile({
				// 	url: 'https://images.linglinggong.net/FjwyRbH_umutMh4mkTinWBS5sPf3',
				// 	success: res => {
				// 		console.log(res.tempFilePath)
				// 		//二维码
				// 		ctx.drawImage(res.tempFilePath, 105 / 2, 310 / 2, 200, 200)
				// 		//提示
				// 		ctx.setFillStyle('#402110')
				// 		ctx.font = "14px PingFangSC-Regular";
				// 		ctx.fillText('长按二维码保存至相册', 166 / 2, 726 / 2 + 20)
				// 		//任务头像
				// 		ctx.arc(55, 60, 15, 0, 2 * Math.PI) // 画圆
				// 		ctx.clip()
				// 		ctx.drawImage('http://images.linglinggong.net/logo.png', 40, 45, 30, 30)
				// 		ctx.draw(false, () => {
				// 			uni.canvasToTempFilePath({
				// 				canvasId: 'invitation-post',
				// 				success: (res) => {
				// 					uni.hideLoading()
				// 					this.postUrl = res.tempFilePath
				// 					console.log('得到',this.postUrl)
				// 					uni.setStorageSync('postUrl',
				// 						res.tempFilePath)
				// 					console.log('画图')
				// 				}
				// 			})
				// 		})
				// 	}
				// })
			},
			// 放大图片
			handleBigImg(list, index) {
				uni.previewImage({
					current: index,
					urls: list
				})
			},
			// 打开雇主详情
			handleOpenBossDetail(id) {
				uni.navigateTo({
					url: '/pages/employer-detail/employer-detail?bossId=' + id
				})
			},
			//打开地图
			handleMap() {
				if (this.isComfirmApply || this.isReceive) {
					uni.navigateTo({
						url: '/pages/map-job/map-job?lat=' + this.taskDetail.lat + '&lng=' + this.taskDetail.lng +
							'&address=' + this.taskDetail.address + '&name=' + this.taskDetail.name,
					})
				} else {
					let lat = this.taskDetail.lat
					let lng = this.taskDetail.lng
					uni.navigateTo({
						url: '/pages/map-job/map-job?lat=' + (parseFloat(lat) + ((Math.random() / 1000) * (-1 +
								Math.round(Math.random()) * 2))) + '&lng=' + (parseFloat(lng) - ((Math.random() /
								1000) * (-1 + Math.round(Math.random()) * 2))) + '&address=' + this.showAdd +
							'&name=' + this.taskDetail.name,
					})
				}
			},
			handleOpenPost() {
				// this.get_user_qrcode()
				this.isShowPost = true
				this.isOpenModal = false
			},
			// 获取任务详情
			async task_detail() {
				this.getToday()
				let res = await this.$fetch(this.$api.task_details, {
					taskId: this.taskId,
					'userId': this.task_uesr_Id
				}, 'POST')
				// console.log('获取任务详情res~~~~~~~~~~~1', res)
				if (res.data.startTime.slice(0, 10) === this.today.slice(0, 10)) {
					this.isToday = true
				}
				res.data.workTime = this.calcWorkTime(res.data.startTime, res.data.endTime)
				this.isTaskTomorrowFlag = isTaskTomorrow(res.data.startTime, res.data.endTime)
				let lenT = String(res.data.workTime).length
				res.data.workTime = lenT > 4 ? res.data.workTime.toFixed(1) : res.data.workTime
				res.data.tomorrow = res.data.startTime.split(' ')[0] == this.tomorrow ? true : false
				// console.log('获取任务详情res.data.tomorrow~~~~~~~~~~~2',res.data.tomorrow)
				// 将金额除以100，单位变为元
				res.data.floorsAmount = res.data.floorsAmount.divide(100)
				res.data.reward = res.data.reward.divide(100)
				res.data.subsidy = res.data.subsidy.divide(100)
				res.data.integrity = parseFloat(res.data.integrity).divide(100)
				// if (res.data.vipFlag == 1 && res.data.vipflagdate != null) {
				//console.log(res.data.vipflagdate)
				if (res.data.vipflagdate !== null && res.data.vipflagdate != "1970-01-01 01:01:01") {
					let Time = new Date(res.data.vipflagdate.replace(/-/g, '/'));
					let timestemp = Time.getTime(); //开工时间
					let timestempday = (new Date()).getTime(); //当前时间
					var xjian = (timestemp - timestempday)
					/* console.log(timestemp)
					 console.log(timestempday) */
					if (xjian > 0) {
						this.taskDetail.jiacheTimes = this.formatDuring(xjian)
					}
					this.jiacheTimess = xjian
				}
				console.log(res.data, '任务详情')
				this.taskDetail = res.data
				this.ShowAddres = this.getShowAdd(this.taskDetail.address)
				this.disturbstatus = res.data.disturbstatus
				this.taskPicList = res.data.taskPic ? res.data.taskPic.split(',') : []
				if (res.data.taskVideo) {
					this.taskPicList.push(res.data.taskVideo + 'shijintao')
				}
				this.taskPicList.forEach((v, index) => {
					this.taskPicList[index] = this.imgPath + v
				})
				this.showAdd = this.taskDetail.address.split('·')
				this.showAdd.pop()
				this.showAdd = this.showAdd.join('·')
				this.taskDetail.tasklabel = this.taskDetail.tasklabel != null ? this.taskDetail.tasklabel.split('##')
					.join(' / ').split('#').join('') : ''
				if (this.taskDetail.vipFlag == 1 && xjian > 0) {
					if (this.userVip) {
						this.isShowUserVip = 3
						let tim = setInterval(() => {
							this.isShowUserVip--
							if (this.isShowUserVip <= 0) {
								clearInterval(tim)
							}
						}, 1000)
					}
				}
				if (this.taskDetail.vipFlag == 1 && this.userVip != 1) {
					this.get_current_activity()
				}
				/* console.log('this.taskPicList~~~~~~~~~~~ZZ~',this.taskPicList,'图片',this.taskDetail.taskPic) */
				this.getPostUrl()
				// }
				this.wechatTitle = this.taskDetail.address.split('·').splice(0, 2).join('·') + ' | ' + this.taskDetail
					.name + ' ' + this.taskDetail.reward + (this.taskDetail.taskType == 0 ? '元/小时' : this.taskDetail
						.taskType == 1 ? '元/件' : '元/天')
				this.wechatInfo = this.taskDetail.taskContent == '' ? '海量高薪任务日结，工作轻松，时间自由，上班不如一起做零工！' : this.taskDetail
					.taskContent
			},
			bust() {
				this.timer = setInterval(() => {
					if (this.taskDetail.vipFlag == 1 && this.taskDetail.vipflagdate != '1970-01-01 01:01:01') {
						// console.log(this.jiacheTimess)
						this.jiacheTimess = this.jiacheTimess - 1000
						if (this.jiacheTimess < 0) {
							clearInterval(this.timer);
							//	console.log(11111) 
							this.taskDetail.jinpaiguoqi = true
							this.isShowUserVip = 0
							return;
						} else {
							this.taskDetail.jiacheTimes = this.formatDuring(this.jiacheTimess)
						}
						this.isSHowdaojishi = true
					}
				}, 1000)
			},
			quxiaoBust() {
				this.quxiaoTimer = setInterval(() => {
					this.shifenzhong = this.shifenzhong - 1000
					this.quxiaoiT = this.formatDuring_ms(this.shifenzhong)
				}, 1000)
			},
			formatDuring(mss) {
				var days = parseInt(mss / (1000 * 60 * 60 * 24));
				var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
				var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
				var seconds = (mss % (1000 * 60)) / 1000;
				if (hours < 10) {
					hours = "0" + hours
				}
				if (minutes < 10) {
					minutes = "0" + minutes
				}
				if (seconds < 10) {
					seconds = "0" + seconds
				}
				return hours + ":" + minutes + ":" + seconds;
			},
			formatDuring_ms(mss) {
				var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
				var seconds = (mss % (1000 * 60)) / 1000;
				if (minutes < 10) {
					minutes = "0" + minutes
				}
				if (seconds < 10) {
					seconds = "0" + seconds
				}
				return minutes + ":" + seconds;
			},
			// 获取用户信息
			async getuserIfor() {
				let res = await this.$fetch(this.$api.get_current_user, {}, 'GET')
				if (res.data.payPwdFlag) {
					uni.setStorageSync('isHavePayPassword', true)
				} else {
					uni.setStorageSync('isHavePayPassword', false)
				}
				this.userInfo = res.data
				this.receiveNum = res.data.receiveNum
				// 判断是否实名 0: 待提交， 1：审核中， 2：审核通过， 3：审核驳回
				this.idCardStatus = res.data.idCardStatus
				this.userType = res.data.userType // 获取用户类型 0雇员，1雇主
				this.phonenumber = res.data.user.phonenumber //用户注册的电话
				this.user.userSex = res.data.user.sex //用户性别
				if (res.data.receiveNum >= 2) {
					if (res.data.idCardStatus == 0 || res.data.idCardStatus == 3) {
						this.idCardNum = true
						this.idCardStatus = res.data.idCardStatus
						this.TanKuangHide = true
						this.isXinXiBuChongHide = true
					}
					// 0默认头像 1审核未通过，更换头像 2已认证 3审核中
					if (res.data.user.idavaterStatus == 1 || res.data.user.idavaterStatus == 0) {
						this.TouXiangHide = true
						this.TanKuangHide = true
						// this.isXinXiBuChongHide = true
					}
					// 性别
					if (this.user.userSex != 0 && this.user.userSex != 1) {
						this.userSexHide = true
						this.TanKuangHide = true
						this.isXinXiBuChongHide = true
						console.log(this.user.userSex, "性别", this.userSexHide);
					}
				} else {
					// 性别
					if (this.user.userSex != 0 && this.user.userSex != 1) {
						this.userSexHide = true
						this.TanKuangHide = true
						this.isXinXiBuChongHide = true
						console.log(this.user.userSex, "性别", this.userSexHide);
					}
				}
				this.isClick = true
				console.log("if判断");
			},
			//获取七牛上传TOKEN
			async getUploadToken() {
				let res5 = await this.$fetch(this.$api.get_qiniu_token, {}, 'POST')
				uni.setStorageSync('uploadToken', res5.msg)
				this.uploadToken = uni.getStorageSync('uploadToken')
			},
			// 上传图片至七牛
			async uploadImgs(base64) {
				uni.uploadFile({
					url: this.$api.uploadPic,
					name: 'file',
					filePath: base64,
					formData: {
						token: this.uploadToken
					},
					success: ({
						data
					}) => {
						data = JSON.parse(data)
						this.avatar = data.hash
						this.upd_user()
					}
				})
			},
			// 实名认证入口
			RealName() {
				uni.navigateTo({
					url: "../../pages/real-name/real-name"
				})
			},
			// 关闭弹窗
			close() {
				try {
					this.$refs.onInit.initialization()
				} catch (e) {
					//TODO handle the exception
				}
				this.TanKuangHide = false
				this.clickXinXiBuChongHide = false
			},
			// 信息补充确定按钮
			OpenLLG() {
				if (this.TouXiangHide == true ? this.imgBase == '' : false) return uni.showToast({
					title: '请输上传头像',
					icon: 'none'
				})
				if (this.userSexHide == true ? this.or_gender == 3 : false) return uni.showToast({
					title: '请选择性别',
					icon: 'none'
				})
				//0 1 3
				if (this.userInfo.idCardStatus != 2) {
					if (this.userInfo.idCardStatus == 1) {
						uni.showToast({
							title: '信息审核中，暂不能报名',
							icon: 'none'
						})
					} else {
						return uni.showToast({
							title: '请实名认证',
							icon: 'none'
						})
					}
				}
				console.log("userinf", this.userInfo)
				this.uploadImgs(this.imgBase)
				// 新增修改 183
				uni.setStorageSync("pics", this.imgBase)
				this.upd_user()
				// 提交之后关闭弹框
				this.TanKuangHide = false
				this.isXinXiBuChongHide = false
				this.clickXinXiBuChongHide = false
			},
			// 选择性别
			genderClick(i) {
				if (i == 0) {
					this.or_gender = 0
				} else {
					this.or_gender = 1
				}
			},
			// 点击头像拍照
			touxiangClick() {
				try {
					this.$refs.onInit.initialization()
				} catch (e) {
					//TODO handle the exception
				}
				uni.navigateTo({
					url: "/pages/camera/idphoto/idphoto"
				})
			},
			// 修改个人信息
			upd_user() {
				// this.phone(this.TelModel)
				let res = this.$fetch(this.$api.upd_user, {
					sex: this.userSexHide == true ? this.or_gender : "", //性别
					avatar: this.avatar, //头像
				}, 'POST')
			},
			handleCancelAlert() {
				this.isShowModal = true
				this.modalStytle = 3
				this.titleContect = '取消订单'
				// this.middleContext = this.quxiaoFlag == 1 ? '订单取消后无法重复报名，确认取消吗？' : this.quxiaoFlag == 2 ?
				// 	'订单取消次数将达上限，确认取消吗？' : '订单取消次数已达上限，确认取消吗？'
				this.middleContext = '订单取消后无法重复报名，确认取消吗？'
				this.leftContext = '取消'
				this.rightContext = '确认'
				this.quxiaoClick = true
			},
			// 接单 报名按钮
			async handleReceive(val) {
				this.closeXinshou()
				// if (this.isShowDjs && !this.OldStaff) {
				// 	return
				// }
				this.isShowVideo = false
				// 新人视频
				this.signUp = true
				if (this.isSHowyindao == true) return
				// 新人信息补充
				// console.log(this.isXinXiBuChongHide,!this.isReceive,!this.isCancel);
				if (this.isXinXiBuChongHide == true && !this.isReceive) {
					// this.TanKuangHide = true
					// this.clickXinXiBuChongHide = true
					uni.showToast({
						title: '请先认证',
						icon: 'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/real-name/real-name'
						})
					}, 3000)
					return
				}
				// console.log(this.idCardStatus);
				if (this.receiveNum >= 2 && this.idCardStatus != 2 && !this.isReceive && !this.isCancel) {
					uni.showToast({
						title: '信息审核中，暂不能报名',
						icon: 'none'
					})
					// setTimeout(() => {
					// 	uni.navigateTo({
					// 		url: '/pages/real-name/real-name'
					// 	})
					// }, 800)
					return
				}
				// 已报名，订单取消
				if (this.isReceive && this.isCancel) {
					uni.showToast({
						title: '订单已取消，请查看其它工作',
						icon: 'none'
					})
					setTimeout(() => {
						uni.switchTab({
							url: '/pages/index/index'
						})
					}, 800)
					// 已报名，已接单，待开工
				} else if (this.isReceive && this.isComfirmApply) {
					uni.navigateTo({
						url: '/pages/order-detail/order-detail?id=' + this.orderId
					})
					// 已报名，待确认
				} else if (this.isReceive && !this.isComfirm) {
					uni.navigateTo({
						url: '/pages/order-received/order-received?taskId=' + this.taskId
					})
					// 未接单
				} else {
					// console.log('~~~~~~~this.flagOpen',this.flagOpen)
					if (!this.flagOpen) return
					this.flagOpen = false
					setTimeout(() => {
						this.flagOpen = true
					}, 300)
					let res = await this.$fetch(this.$api.get_order_apply_warning, {}, 'GET')
					// console.log("GETres", res);
					console.log(res, '订单警告');
					if (res.msg == '今日报名次数已达上限') {
						uni.showToast({
							title: '今日报名次数已达上限',
							icon: 'none'
						})
						return
					}
					if (res.msg == '今日订单报名次数已达上限') {
						// 正式 试用
						this.showbullet = true
						return
					}
					if (res.msg == '运行时异常:您访问的过于频繁,麻烦稍后再试') {
						this.showbullet = true
						// if (this.taskDetail.userIdentityStatus == 2) {
						// 	uni.showToast({
						// 		title: '今日报名次数已达上限',
						// 		icon: 'none'
						// 	})
						// } else {
						// }
						return
					}
					console.log(res, '报名次数上限', res.msg)
					if (res.data) {
						this.popup.name = res.data.userName
						this.popup.ordinary = res.data.applyNum
						this.popup.goldmedal = res.data.vipApplyNum
					} else {
						// this.isShowModal = true;
						this.showPhone = true
						this.middleContext = res.msg; // 提示框的内容
					}
				}
			},
			// 报名接单
			async apply() {
				/* console.log(this.taskDetail.vipFlag) */
				if (!this.flagOpen) return
				this.flagOpen = false
				setTimeout(() => {
					this.flagOpen = true
				}, 1000)
				let res = await this.$fetch(this.$api.apply, {
					taskId: this.taskId,
					region: uni.getStorageSync('region1').slice(0, 6)
				}, 'POST')
				/* 	console.log('报名接单~~~~~~~~~~~~~~~~~~~~~~~~123456', res) */
				if (res.code) {
					if (res.msg == '报名任务数已达上限') {
						uni.showModal({
							title: '尊敬的找零工用户',
							content: '您的任务数已达上限,请先处理已有的任务!',
							cancelText: '去处理',
							confirmText: '取消',
							success: (res) => {
								if (res.confirm) {
									console.log('取消')
								} else {
									uni.switchTab({
										url: '/pages/index/index?isNewTask=1'
									})
								}
							}
						})
					} else if (res.msg == '请先进行实名认证' || res.msg == '您所在的地区不允许未实名认证的用户接单') {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 3000
						})
						setTimeout(() => {
							uni.navigateTo({
								//url: 'pages/staffInfos/staffInfos'
								url: '/pages/real-name/real-name'
							})
						}, 600)
					} else if (res.msg == 'fj') {
						this.isShowPw = true;
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 3000
						});
					}
					this.isReceive = false
					return
				} else {
					if (this.disturbstatus != 1) {
						this.handleCall()
					} else {
						let res3 = await this.$fetch(this.$api.order_by_taskId, {
							taskId: this.taskId
						}, 'POST')
						this.orderId = res3.data.id
						this.isConfirmApply = res.data.status > 1 ? true : false
						setTimeout(() => {
							this.handleConfirm()
						}, 100)
					}
				}
			},
			// 报名接单
			async apply2() {
				if (!this.flagOpen) return
				this.flagOpen = false
				setTimeout(() => {
					this.flagOpen = true
				}, 1000)
				let res = await this.$fetch(this.$api.apply, {
					taskId: this.taskId,
					region: uni.getStorageSync('region1').slice(0, 6)
				}, 'POST')
				/* 	console.log('报名接单~~~~~~~~~~~~~~~~~~~~~~~~123456', res) */
				if (res.code) {
					if (res.msg == '报名任务数已达上限') {
						uni.showModal({
							title: '尊敬的找零工用户',
							content: '您的任务数已达上限,请先处理已有的任务!',
							cancelText: '去处理',
							confirmText: '取消',
							success: (res) => {
								if (res.confirm) {
									console.log('取消')
								} else {
									uni.switchTab({
										url: '/pages/index/index?isNewTask=1'
									})
								}
							}
						})
					} else if (res.msg == '请先进行实名认证' || res.msg == '您所在的地区不允许未实名认证的用户接单') {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 3000
						})
						setTimeout(() => {
							uni.navigateTo({
								//url: 'pages/staffInfos/staffInfos'
								url: '/pages/real-name/real-name'
							})
						}, 600)
					} else if (res.msg == 'fj') {
						this.isShowPw = true;
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 3000
						});
					}
					this.isReceive = false
					return
				} else {
					let res3 = await this.$fetch(this.$api.order_by_taskId, {
						taskId: this.taskId
					}, 'POST')
					this.orderId = res3.data.id
					this.isConfirmApply = res.data.status > 1 ? true : false
					setTimeout(() => {
						this.handleConfirm()
					}, 100)
				}
			},
			closePwPage() {
				this.isShowPw = false
				if (uni.getStorageSync('FengjinItem')) {
					this.isFengjin = uni.getStorageSync('FengjinItem').status == 0 ? true : false
				}
			},
			// 打给雇主
			handleCall() {
				this.quxiaoBust()
				this.order_list(this.taskId)
				this.isShowModal = false
				if (this.quxiaoClick) {
					this.quxiaoFlag++
					uni.setStorageSync('quxiaoFlag', [uni.getStorageSync('date'), this.quxiaoFlag])
					console.log("this.quxiaoClick--", this.quxiaoClick);
					this.handleCancel()
					return
				}
				if (!this.orderId) {
					uni.showLoading({
						title: '虚拟号生成中'
					});
					let phone = this.taskDetail.phonenumber ? this.taskDetail.phonenumber : this.taskDetail.telephone
					setTimeout(() => {
						this.phone_bind_middle_number(phone, true, this.orderId)
						this.isConfirm = true
						this.cache_task_dialed_mobile()
						// 打电话了
						uni.setStorageSync('hasUnconfirm', 2)
						this.isReceive = true
					}, 1000)
				} else {
					let phone = this.taskDetail.phonenumber ? this.taskDetail.phonenumber : this.taskDetail.telephone
					this.phone_bind_middle_number(phone, true, this.orderId)
					this.isConfirm = true
					this.cache_task_dialed_mobile()
					// 打电话了
					uni.setStorageSync('hasUnconfirm', 2)
					this.isReceive = true
				}
			},
			async againCall() {
				let ress2 = await this.$fetch(this.$api.get_order_apply_time, {
					taskId: this.taskId
				}, 'GET')
				if (ress2.code == 0) {
					this.isShowDjs = false
					let phone = this.taskDetail.phonenumber ? this.taskDetail.phonenumber : this.taskDetail.telephone
					this.phone_bind_middle_number(phone, true, this.orderId)
					return
				} else {
					uni.showToast({
						title: '雇主正在与其他雇员沟通，请稍后联系',
						icon: 'none',
						duration: 2000
					});
				}
			},
			//获取虚拟电话
			async phone_bind_middle_number(telephone, isCall, id) {
				let res = await this.$fetch(this.$api.phone_bind_middle_number, {
					phone: telephone,
					orderId: id
				}, 'POST', 'form')
				console.log('获取虚拟电话res~~~~~~', res)
				uni.hideLoading();
				if (res.code) return
				if (res.data.middleNumber) {
					uni.makePhoneCall({
						phoneNumber: res.data.middleNumber
					})
				}
				// if (res.code) {
				// 	// if (!isCall) {
				// 	// 	//this.middleContext = '是否拨打电话' + telephone
				// 	// 	this.isReceive = false
				// 	// 	return false
				// 	// } else {
				// 	// 	uni.makePhoneCall({
				// 	// 		phoneNumber: telephone
				// 	// 	})
				// 	// }
				// }
				// if (!isCall) {
				// 	if (res.code == '500') {
				// 		//this.middleContext = '是否拨打电话' + telephone
				// 		return false
				// 	} else if (res.data.overTime == '1000') {
				// 		//this.middleContext = '是否拨打电话' + telephone
				// 		return false
				// 	}
				// 	//this.middleContext = '此号码是平台虚拟电话，请不要重复拨打！'
				// 	if (res.data.middleNumber && res.data.overTime != '1000') {
				// 		//this.middleContext = '此号码是平台虚拟电话，请不要重复拨打！'
				// 		return true
				// 	}
				// 	return
				// }
				// if (res.data.middleNumber && res.data.overTime != '1000') {
				// 	uni.makePhoneCall({
				// 		phoneNumber: res.data.middleNumber
				// 	})
				// } else {
				// 	uni.makePhoneCall({
				// 		phoneNumber: telephone
				// 	})
				// 	// uni.showToast({
				// 	// 	title: '对方号码忙线中，请稍后重试！',
				// 	// 	icon: 'none'
				// 	// })
				// }
			},
			// 缓存是打过电话
			async cache_task_dialed_mobile() {
				console.log('上传打过电话this.taskId', this.taskId, this.orderId)
				let res = await this.$fetch(this.$api.cache_task_dialed_mobile, {
					taskId: this.taskId
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.isConfirm = true
			},
			// 查询是否打过电话
			async get_task_mobile_cache() {
				// console.log('查询是否打过电话this.taskId',this.taskId,this.orderId)
				let res = await this.$fetch(this.$api.get_task_mobile_cache, {
					taskId: this.taskId
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.isConfirm = res.msg == 1 ? true : false
				// 报名了，取消了 0
				if (this.isConfirmApply || this.isCancel) {
					uni.setStorageSync('hasUnconfirm', 0)
					// console.log('获取接单语音提醒状态~~~~~接单成功页面——查询是否打过电话有取消或确认', uni.getStorageSync('hasUnconfirm'))
					// 打过电话
				} else if (this.isConfirm && uni.getStorageSync('checked1')) {
					uni.setStorageSync('hasUnconfirm', 2)
					setTimeout(() => {
						Voice('请确认接单或取消订单')
					}, 500)
				} else if (!this.isConfirm && uni.getStorageSync('checked1')) {
					uni.setStorageSync('hasUnconfirm', 1)
					if (this.OldStaff && this.disturbstatus != 1) {
						uni.setStorageSync('OldStaff', true)
						Voice('这是老雇主的任务，可以直接接单哦')
					} else if (this.disturbstatus == 1) {
						Voice('这是开启免打扰的任务，请直接接单哦')
					} else {
						uni.removeStorageSync('OldStaff')
						// setTimeout(() => {
						// 	Voice('请尽快拨打电话与雇主确认订单')
						// }, 500)
					}
				}
				// console.log('查询是否打过电话~~~~~~~~this.isConfirm', this.isConfirm, res.data.msg)
				// console.log('~~~~1', uni.getStorageSync('hasUnconfirm'))
			},
			// 是否收藏，报名
			async is_collect() {
				let res = await this.$fetch(this.$api.is_collect, {
					relationId: this.taskId,
					type: 2
				}, 'POST')
				this.isCollect = res.data.collect
				this.isReceive = res.data.order
				if (this.isReceive == 1) {
					/* 	console.log("是否收藏，报名",this.isCollect,this.isReceive) */
					this.order_list(this.taskId)
					this.isShowDjs = false
				}
				// #ifdef APP-PLUS
				let pagesG = getCurrentPages();
				let pageG = pagesG[pagesG.length - 1];
				let currentWebview = pageG.$getAppWebview();
				let titleObj = currentWebview.getStyle().titleNView;
				// currentWebview.setTitleNViewButtonStyle(0, {
				// 	text: this.isCollect ? '已收藏' : '收藏'
				// });
				// #endif
			},
			//获取订单详情
			async order_list(taskId) {
				let res = await this.$fetch(this.$api.order_by_taskId, {
					taskId: taskId
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.orderId = res.data.id
				this.orderCreateTime = res.data.createTime
				this.isCancel = res.data.status == 0 ? true : false
				this.isConfirmApply = res.data.status > 1 ? true : false
				if (!this.isCancel) {
					this.countDown(res.data.createTime)
				}
				this.order_detail(this.orderId)
				this.receivedTaskStartTime = res.data.taskStartTime;
				this.get_task_mobile_cache() //是否打过电话
				// 是否打过电话 7-7.5
				// this.isConfirm = res.data.taskMobileCache == 1 ? true : false;
				// // 报名了，取消了 0
				// if (this.isConfirmApply || this.isCancel) {
				// 	uni.setStorageSync('hasUnconfirm', 0)
				// 	// console.log('获取接单语音提醒状态~~~~~接单成功页面——查询是否打过电话有取消或确认', uni.getStorageSync('hasUnconfirm'))
				// 	// 打过电话
				// } else if (this.isConfirm && uni.getStorageSync('checked1')) {
				// 	uni.setStorageSync('hasUnconfirm', 2)
				// 	setTimeout(() => {
				// 		Voice('请确认接单或取消订单')
				// 	}, 500)
				// } else if (!this.isConfirm && uni.getStorageSync('checked1')) {
				// 	uni.setStorageSync('hasUnconfirm', 1)
				// 	if (this.OldStaff && this.disturbstatus != 1) {
				// 		uni.setStorageSync('OldStaff', true)
				// 		Voice('这是老雇主的任务，可以直接接单哦')
				// 	} else if (this.disturbstatus == 1) {
				// 		Voice('这是开启免打扰的任务，请直接接单哦')
				// 	} else {
				// 		uni.removeStorageSync('OldStaff')
				// 	}
				// }
				// // 判断是否为老雇员
				// if (res.data.taskorderemployer >= 2) {
				// 	this.OldStaff = true;
				// }
			},
			// 新增获取订单详情
			async order_detail(orderId) {
				let res = await this.$fetch(this.$api.order_detail, {
					orderId: orderId
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				// 整理数据,res.data.user为null，则改为""
				Object.getOwnPropertyNames(res.data).forEach(function(key) {
					res.data[key] = res.data[key] == null ? '' : res.data[key]
				})
				this.orderDetail = res.data
				// console.log('this.orderDetail', this.orderDetail)
			},
			// 倒计时计算
			countDown(orderCreateTime) {
				this.overtime_cancel = uni.getStorageSync('overtime_cancel')
				console.log('过期时间', this.overtime_cancel, '订单时间', orderCreateTime)
				if (this.isConfirmApply || this.isCancel) return // 如果确认或者取消过就不倒计时了
				orderCreateTime = orderCreateTime.replace(/-/g, '/')
				orderCreateTime = new Date(orderCreateTime).getTime() + this.overtime_cancel * 60 * 1000
				orderCreateTime = new Date(orderCreateTime)
				let year = orderCreateTime.getFullYear();
				let month = orderCreateTime.getMonth() + 1;
				let day = orderCreateTime.getDate();
				let hours = orderCreateTime.getHours();
				let minute = orderCreateTime.getMinutes();
				let second = orderCreateTime.getSeconds();
				//我们来定义一个未来时间 用它来进行倒计时。
				let time = new Date().getTime() //当前时间
				let future = new Date(year, month, day, hours, minute, second).getTime(); //未来时间
				let p = (future - time) / 1000; //时间差
				//时分秒转换公式
				let m = Math.floor(p % 86400 % 3600 / 60) < 10 ? '0' + Math.floor(p % 86400 % 3600 / 60) : Math.floor(p %
					86400 % 3600 / 60)
				let s = Math.floor(p % 60) < 10 ? '0' + Math.floor(p % 60) : Math.floor(p % 60)
				let ms = Math.floor((p * 1000) % 1000) < 10 ? '0' + Math.floor(p * 1000 % 1000) : Math.floor(p * 1000 %
					1000)
				this.countTime = m + ":" + s + ":" + ms;
				this.countTimeM = m
				this.countTimeS = s
				this.countTimeMS = ms
				this.timer = setInterval(() => {
					let time = new Date; //当前时间
					let future = new Date(year, month, day, hours, minute, second); //未来时间
					let p = (future - time) / 1000; //时间差
					//时分秒转换公式
					let m = Math.floor(p % 86400 % 3600 / 60) < 10 ? '0' + Math.floor(p % 86400 % 3600 / 60) : Math
						.floor(p % 86400 % 3600 / 60)
					let s = Math.floor(p % 60) < 10 ? '0' + Math.floor(p % 60) : Math.floor(p % 60)
					let ms = Math.floor((p * 1000) % 1000) < 10 ? '0' + Math.floor(p * 1000 % 1000) : String(Math
						.floor(p * 1000 % 1000)).slice(0, 2)
					this.countTime = m + ":" + s + ":" + ms
					this.countTimeM = m
					this.countTimeS = s
					this.countTimeMS = ms
					// console.log('倒计时中~~~~~',uni.getStorageSync('hasUnconfirm'))
					if (this.isCancel || this.isConfirmApply) {
						clearInterval(this.timer)
						console.log('由于其他原因倒计时结束~~~~~是否取消', this.isCancel, '是否确认报名', this.isConfirmApply, '是否打电话',
							this.isConfirm, this.timer)
						uni.setStorageSync('hasUnconfirm', 0)
						console.log('获取接单语音提醒状态~~~~~接单成功页面——查询是否打过电话有取消或确认', uni.getStorageSync('hasUnconfirm'))
						return
					}
					if (m == 0 && s == 0) {
						// 查询接单，取消状态
						this.$fetch(this.$api.order_by_taskId, {
							taskId: this.taskId
						}, 'POST').then(res => {
							this.isCancel = res.data.status == 0 ? true : false
							this.isConfirmApply = res.data.status > 1 ? true : false
						})
						uni.setStorageSync('hasUnconfirm', 0)
						console.log('获取接单语音提醒状态~~~~~接单成功页面倒计时结束', uni.getStorageSync('hasUnconfirm'))
						clearInterval(this.timer)
						// this.timer = null
						console.log('倒计时结束~~~~~~~~~~~~~~~~~~~~~~', this.timer)
						this.handleCancel()
						this.isCancel = true
						return
					}
				}, 99)
			},
			//获取订单详情id 并获取虚拟电话
			async order_by_taskId(taskId) {
				let res = await this.$fetch(this.$api.order_by_taskId, {
					taskId: taskId
				}, 'POST')
				// console.log(res.data.status, '订单状态')
				console.log("获取订单详情", res)
				if (res.code == 500) {
					return
				}
				this.isCancel = res.data.status == 0 ? true : false
				this.isComfirmApply = res.data.status > 1 ? true : false
				console.log('是否接单', this.isConfirmApply)
				this.orderId = res.data.id
				//this.handleCall(res.data.id)
			},
			// 收藏或取消收藏 工作2
			async handleCollect(num = '') {
				let requestObj = {
					relationId: this.taskId,
					type: 2, //0是雇主，1雇员，2是任务
				}
				if (this.isCollect == 0) {
					let res = await this.$fetch(this.$api.add_collect, requestObj, 'POST', 'JSON')
					if (res.code) return uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					this.isCollect = 1
				} else {
					let res = await this.$fetch(this.$api.cancel_collect, requestObj, 'POST')
					if (res.code) return uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					this.isCollect = 0
				}
				// #ifdef APP-PLUS
				let pagesG = getCurrentPages();
				let pageG = pagesG[pagesG.length - 1];
				let currentWebview = pageG.$getAppWebview();
				let titleObj = currentWebview.getStyle().titleNView;
				// currentWebview.setTitleNViewButtonStyle(0, {
				// 	text: this.isCollect ? '已收藏' : '收藏'
				// });
				// #endif
				if (num == 1) {
					uni.showToast({
						title: this.isCollect ? '已收藏' : '取消收藏',
						icon: 'none'
					})
				}
			},
			// 点击分享
			handleShareModal() {
				this.isShowVideo = false
				this.isOpenModal = true
			},
			//分享
			handleShare(scene) {
				if (scene == 'WXSenceTimeline') {
					uni.share({
						provider: "weixin",
						scene: scene,
						type: 0,
						// href: 'https://zlg-h5.linglinggong.net/h5',
						// href: 'http://share.linglinggong.net/#/?taskId=' + this.taskId + '&fenxid=' + uni
						// 	.getStorageSync('userId'),
						href: `http://zlg-h5.linglinggong.net/#/?code=${uni.getStorageSync('userId')}`,
						title: this.wechatTitle,
						summary: this.wechatInfo,
						imageUrl: 'http://images.linglinggong.net/FovByz9oRrP4wIPyrtiJJf-0cxwB',
						success: function(res) {
							this.task_share()
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
							uni.showToast({
								title: '未登陆',
								icon: 'none'
							})
						}
					});
					return
				}
				if (scene == 'other') {
					uni.share({
						provider: "weixin",
						scene: 'WXSceneSession',
						type: 0,
						href: 'http://share.linglinggong.net/#/?taskId=' + this.taskId + '&fenxid=' + uni
							.getStorageSync('userId'),
						// href: 'https://zlg-h5.linglinggong.net/#/pages/share-page/share-page',
						title: this.wechatTitle,
						summary: this.wechatInfo,
						imageUrl: 'http://images.linglinggong.net/FovByz9oRrP4wIPyrtiJJf-0cxwB',
						success: function(res) {
							this.task_share()
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
							uni.showToast({
								title: '未登陆',
								icon: 'none'
							})
						}
					});
					return
				}
				uni.share({
					provider: 'weixin',
					scene: "WXSceneSession",
					type: 5,
					summary: this.wechatInfo,
					imageUrl: 'https://images.linglinggong.net/%E5%9B%BE%E5%B1%82%2049.png',
					title: this.wechatTitle,
					miniProgram: {
						id: uni.getStorageSync('UUID'),
						path: `pages/start-n/start-n?taskId=${this.taskId}&fenxid=${uni
							.getStorageSync('userId')}`,
						type: 0,
						webUrl: 'http://uniapp.dcloud.io'
					},
					success: ret => {
						this.task_share()
					}
				});
				this.isOpenModal = false
			},
			async task_share() {
				let res = await this.$fetch(this.$api.task_share, {
					type: 1
				}, 'POST')
			},
			// 关闭分享弹框				
			handleCloseModal() {
				this.isShowVideo = false
				this.isOpenModal = false
			},
			//底部按钮点击事件
			bottomClick() {
				this.dialogBoxTextTitle = '电话报名'
				this.dialogBoxTextTitle1 = '是否拨打雇主电话？'
				this.isShowDialogBox = true
				this.dialogBoxType = 1
				this.buttonColor = '#4E9800'
			},
			//dialogBox点击事件
			dialogBoxClick() {
				if (this.OldStaff) {
					this.apply2()
				} else {
					this.handleReceive()
				}
			},
			// 取消报名
			async handleCancel() {
				if (!this.flagOpen) return
				this.flagOpen = false
				setTimeout(() => {
					this.flagOpen = true
				}, 1000)
				let res = await this.$fetch(this.$api.apply_check, {
					orderId: this.orderId,
					checkStatus: 0
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				uni.setStorageSync('hasUnconfirm', 0)
				uni.showToast({
					title: '订单已取消，请查看其它工作',
					icon: 'none'
				})
				setTimeout(() => {
					uni.switchTab({
						url: '/pages/index/index'
					})
				}, 800)
				console.log('获取接单语音提醒状态~~~~~接单成功页面取消', uni.getStorageSync('hasUnconfirm'))
			},
			// 确认接单
			async handleConfirm() {
				this.closeXinshou()
				let res = await this.$fetch(this.$api.apply_check, {
					orderId: this.orderId,
					checkStatus: 2
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				uni.setStorageSync('hasUnconfirm', 0)
				// console.log('获取接单语音提醒状态~~~~~接单成功页面接单', uni.getStorageSync('hasUnconfirm'))
				uni.showToast({
					title: '接单成功~',
					icon: 'none'
				})
				// Voice('您已接单，请按约定时间前往工作地点')
				uni.$emit('openDaikgong', {})
				uni.setStorageSync('receivedTaskStartTime', this.receivedTaskStartTime)
				// setTimeout(() => {
				// 	uni.redirectTo({
				// 		url: '/pages/order-detail/order-detail?id=' + this.orderId
				// 	})
				// }, 600)
				setTimeout(() => {
					uni.redirectTo({
						url: '/pages/job-detail/orderSuccess?time=' + this.taskDetail.startTime
					})
				}, 1000)
			},
			// 判断是否为老雇员(kkkkkkkkk)
			async isOldStaff() {
				let res = await this.$fetch(this.$api.task_order_employer, {
					taskId: this.taskId,
					token: uni.getStorageSync('token')
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				if (res.data >= 2) {
					this.OldStaff = true
				}
			},
			async oldStaffClick() {
				let res = await this.$fetch(this.$api.get_order_apply_warning, {}, 'GET')
				// console.log("GETres", res);
				if (res.msg == '今日报名次数已达上限') {
					uni.showToast({
						title: '今日报名次数已达上限',
						icon: 'none'
					})
					return
				}
				if (res.msg == '今日订单报名次数已达上限') {
					// 正式 试用
					this.showbullet = true
					return
				}
				if (res.msg == '运行时异常:您访问的过于频繁,麻烦稍后再试') {
					this.showbullet = true
					return
				}
				// if (res.msg == '今日报名次数已达上限') {
				// 	if (this.taskDetail.userIdentityStatus == 2) {
				// 		uni.showToast({
				// 			title: '今日报名次数已达上限',
				// 			icon: 'none'
				// 		})
				// 	} else {
				// 		this.showbullet = true
				// 	}
				// 	return
				// }
				// if (res.msg == '运行时异常:您访问的过于频繁,麻烦稍后再试') {
				// 	if (this.taskDetail.userIdentityStatus == 2) {
				// 		uni.showToast({
				// 			title: '今日报名次数已达上限',
				// 			icon: 'none'
				// 		})
				// 	} else {
				// 		this.showbullet = true
				// 	}
				// 	return
				// }
				this.dialogBoxTextTitle = '提示'
				this.dialogBoxTextTitle1 = '老雇员专享，确认接单吗？'
				this.isShowDialogBox = true
				this.dialogBoxType = 3
				this.buttonColor = '#4E9800'
			},
			// 获取当月活动
			async get_current_activity() {
				let res = await this.$fetch(this.$api.get_current_activity, {}, 'POST')
				let ress = await this.$fetch(this.$api.property_list_by_type, {
					type: 1
				}, 'POST')
				/* console.log('获取当月活动res', res.data) */
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.textlie = ress.data.Release_num
				if (!res.data.userActivity) {
					this.jinpaiAlertList = res.data.activity ? res.data.activity : {}
				} else {
					this.jinpaiAlertList = res.data.userActivity ? res.data.userActivity : {}
				}
				this.jinpaiAlertList.alreadyBad = this.jinpaiAlertList.alreadyBad ? this.jinpaiAlertList.alreadyBad : 0
				this.jinpaiAlertList.alreadyDay = this.jinpaiAlertList.alreadyDay ? this.jinpaiAlertList.alreadyDay : 0
				this.jinpaiAlertList.alreadyTime = this.jinpaiAlertList.alreadyTime ? this.jinpaiAlertList
					.alreadyTime : 0
				this.jinpaiAlertList.numberuserid = this.jinpaiAlertList.numberuserid ? this.jinpaiAlertList
					.numberuserid : 0
				this.manzuVip = (this.jinpaiAlertList.alreadyDay >= this.jinpaiAlertList.mDay && this.jinpaiAlertList
					.alreadyTime >= this.jinpaiAlertList.mTime && this.jinpaiAlertList.numberuserid >= this
					.textlie && this.jinpaiAlertList.alreadyBad <= this.jinpaiAlertList.mBadLimit) ? true : false
			},
			goToJinpai() {
				uni.navigateTo({
					url: '/pages/gold-medal/gold-medal-info'
				})
			},
			computationTime() {
				let d = new Date(),
					y = d.getFullYear(),
					m = d.getMonth() + 1
				let toDay = d.getDate()
				let lastDay = new Date(y, m, 0).getDate()
				this.vipTime = y + '.' + m + '.' + lastDay
				this.expirationTime = lastDay - toDay
			},
		},
		onNavigationBarButtonTap(e) {
			uni.navigateTo({
				url: '/pages/onLinePage/kefu?userId=' + uni.getStorageSync('userInfo').userId
			})
			// this.handleCollect(1)
		},
		updated() {
			this.imgBase = uni.getStorageSync("idphoto")
			// console.log(this.or_gender, this.TelModel, this.imgBase, this.Real_name);
			if (this.or_gender != '3' || this.TelModel != "" || this.imgBase != "" || this.Real_name == "审核中") {
				this.bgcolor = true
			}
			//所有的选项都为false 控制弹框隐藏
			if (this.userSexHide == false && this.TouXiangHide == false && this.idCardNum == false && this.isTel ==
				false) {
				this.TanKuangHide = false
				// console.log("1111111");
			}
		},
		onLoad(options) {
			clearInterval(this.timer)
			if (!uni.getStorageSync('token')) {
				uni.redirectTo({
					url: '/pages/login/login'
				})
				return
			}
			if (uni.getStorageSync('userInfo').userType == 1) {
				// #ifdef H5
				document.querySelector('.uni-page-head-ft .uni-page-head-btn .uni-btn-icon').innerHTML = ''
				// #endif
				// #ifdef APP-PLUS
				var webView = this.$mp.page.$getAppWebview()
				console.log('dsadsad', webView)
				// webView.setTitleNViewButtonStyle(0, {
				// 	text: '',
				// })
				// #endif
			}
			if (uni.getStorageSync('userInfo').user.vipFlag == 1) {
				this.userVip = true
				this.computationTime()
			}
			if (uni.getStorageSync('quxiaoFlag')) {
				this.quxiaoFlag = isToDay(uni.getStorageSync('quxiaoFlag')[0]) ? uni.getStorageSync('quxiaoFlag')[1] : 1
			}
			if (!uni.getStorageSync('xinshouB1')) {
				this.isXinshou = true
				this.isShowScyq = 1
			}
			this.taskId = options.taskId
			this.order_by_taskId(this.taskId)
			uni.setStorageSync('applyTaskId', options.taskId)
			this.isOldStaff()
			this.getData2()
			// console.log('一进来的',options.taskId, uni.getStorageSync('userType'))
			this.userType = uni.getStorageSync('userType')
			if (options.modal) {
				this.isOpenModal = true
			}
			if (uni.getStorageSync('userId')) {
				this.task_uesr_Id = uni.getStorageSync('userId')
			}
			//this.task_detail()
			// console.log(uni.getStorageSync('userInfo').noviceguide,"-----------------",uni.getStorageSync('userInfo').receiveNum);
			if (uni.getStorageSync('userInfo').noviceguide == 0 && uni.getStorageSync('userInfo').receiveNum == 0) {
				this.isSHowyindao = true
			}
			this.imgPath = uni.getStorageSync('imgPath')
			this.street = uni.getStorageSync('street')
			// this.postUrl = uni.getStorageSync('postUrl')
			this.task_detail()
			// console.log("11111111111", this.taskDetail);
			if (uni.getStorageSync('userInfo')) {
				this.userSex = uni.getStorageSync('userInfo').user.sex ? uni.getStorageSync('userInfo').user.sex : ''
				if (this.userSex != 1 && this.userSex != 0) {
					this.isShowSex = true
				}
			}
		},
		onBackPress(options) {
			uni.removeStorageSync('hasUnconfirm')
		},
		created() {
			if (this.userSexHide == false && this.TouXiangHide == false && this.idCardNum == false && this.isTel ==
				false) {
				this.TanKuangHide = false
			}
			this.imgBase = uni.getStorageSync("idphoto")
			this.getuserIfor() //用户信息
			this.getUploadToken()
		},
		onReady() {
			this.videoContext = uni.createVideoContext('myvideo');
		},
		onShow() {
			this.getUserToken()
			if (uni.getStorageSync('userType') == 0) {
				this.get_ratings()
			}
			this.showbullet = false
			this.isShowjinpaiAlert = false
			this.value = 'https://blog.csdn.net/u014540717/article/details/54314126'
			setTimeout(() => {
				uni.setStorageSync('wxTempTrade', plus.runtime.arguments)
				console.log('plus.runtime.arguments', plus.runtime.arguments)
			}, 10)
			// this.get_user_qrcode()
			this.getuserIfor() //用户信息
			this.is_collect()
			setTimeout(() => {
				this.dhTime = false
				setTimeout(() => {
					this.dhTime = true
					setTimeout(() => {
						this.dhTime = false
						setTimeout(() => {
							this.dhTime = true
							setTimeout(() => {
								this.dhTime = false
							}, 2500)
						}, 6000)
					}, 2500)
				}, 6000)
			}, 2500)
			if (this.userInfo.userType == 0) {
				this.get_task_mobile_cache()
				// this.order_list(this.taskId); // 7.5
			}
			if (this.timer == '') {
				this.bust()
			}
		},
		beforeDestroy() {
			clearInterval(this.timer)
			clearInterval(this.quxiaoTimer)
			clearInterval(this.timers)
		},
		onHide() {
			clearInterval(this.timer)
			clearInterval(this.quxiaoTimer)
			clearInterval(this.timers)
		},
		onUnload() {
			clearInterval(this.timer)
			clearInterval(this.quxiaoTimer)
			this.getReceived()
			this.timer = ''
			uni.removeStorageSync('OldStaff')
			uni.setStorageSync('applyTaskIdUserId', '')
			uni.setStorageSync('applyTaskId', '')
		},
	}
</script>
<style lang="less" scoped>
	@import '../../static/zwyCss.css';

	.container {
		width: 100%;
		min-height: 100vh;
		overflow: hidden;
		// margin-top: 30rpx;
		position: relative;

		button::after {
			border: none;
		}

		.kefu {
			width: 130rpx;
			height: 50rpx;
			position: fixed;
			top: 560rpx;
			right: -10rpx;
			border-radius: 67rpx 0 0 67rpx;
			background-color: rgba(0, 0, 0, 0.4);
			display: flex;
			flex-direction: row;
			align-items: center;

			&>image {
				width: 40rpx;
				height: 40rpx;
				margin-left: 13rpx;
				margin-right: 13rpx;
			}

			&>text {
				font-size: 28rpx;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 28rpx;
			}
		}

		.scyq {
			width: 100vw;
			height: 100vh;
			background-color: rgba(0, 0, 0, .7);
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 99;

			.scyq-main {
				position: absolute;
				left: 0;
				bottom: 220rpx;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;

				.scyq-main-box {
					width: 90%;
					height: 100rpx;
					display: flex;
					justify-content: center;
					align-items: center;
				}
			}
		}

		.useRmask {
			z-index: 999;
			width: 100vw;
			height: 100vh;
			background: rgba(0, 0, 0, .4);
			position: fixed;
			top: 0;

			// 信息补充弹框
			&>.tankaung {
				width: 100vw;
				position: fixed;
				bottom: 0;
				// background: #F2F2F2;
				background-color: #F9F9F9;
				border-radius: 20rpx 20rpx 0 0;

				.title {
					width: 100vw;
					height: 108rpx;
					display: flex;
					align-items: center;
					// background-color: #FFFFFF;
					background: rgba(255, 255, 255, 0);

					image {
						width: 23rpx;
						height: 23rpx;
						margin: 0 251rpx 0 30rpx;
					}

					&>.text {
						height: 34rpx;
						font-size: 36rpx;
						font-weight: bold;
						color: #000000;
					}
				}

				.cont {
					width: 690rpx;
					margin: 20rpx auto 20rpx;
					background-color: #FFFFFF;
					padding-bottom: 78rpx;
					border-radius: 8rpx;
					overflow: hidden;

					.TXtest {
						margin: 32rpx 0 24rpx 30rpx;
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #000000;
					}

					.head-portrait {
						margin: auto;
						width: 200rpx;
						height: 200rpx;
						background-image: url(https://images.linglinggong.net/static/userifo-supplement/paishe2x.png);
						background-size: 80rpx 80rpx;
						background-position: 60rpx 60rpx;
						background-repeat: no-repeat;
						background-color: #F4F4F4;
						border-radius: 50%;
						overflow: hidden;

						&>image {
							width: 200rpx;
							height: 200rpx;
						}
					}
				}

				&>.xingbie {
					width: 690rpx;
					margin: 20rpx auto 20rpx;
					background-color: #FFFFFF;
					padding-bottom: 78rpx;
					border-radius: 8rpx;

					&>.XBText {
						width: 128rpx;
						height: 86rpx;
						line-height: 86rpx;
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #000000;
						margin-left: 18rpx;
					}

					&>.Gender {
						width: 680rpx;
						margin: auto;
						display: flex;
						justify-content: space-around;
						align-items: center;

						.nan {
							// margin: 0 80rpx 0 155rpx;
						}

						.gender {
							display: inline-block;
							width: 308rpx;
							height: 82rpx;
							border-radius: 12rpx;
							background: #F2F2F2;

							.gender-ctn {
								margin: 20rpx 119rpx;
							}

							.image {
								vertical-align: middle;
								width: 32rpx;
								height: 32rpx;
								padding-left: 10rpx;
							}

							text {
								display: inline-block;
								width: 27rpx;
								height: 29rpx;
								font-size: 32rpx;
								font-family: PingFang SC;
								font-weight: 500;
								// color: #000000;
							}
						}

						&>.nan-bg {
							color: #1CAAEA !important;
							box-sizing: border-box;
							background: rgba(28, 170, 234, 0.2);
							border: 1px solid #1CAAEA;
						}

						&>.nv-bg {
							background: rgba(249, 8, 101, 0.2);
							box-sizing: border-box;
							border: 1px solid #F90865;
							color: #F90865 !important;
						}
					}
				}

				&>.Real-name {
					width: 630rpx;
					padding: 0 30rpx;
					height: 88rpx;
					border-radius: 8rpx;
					margin: 0 auto 40rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					background: #FFFFFF;
					border-radius: 8rpx;

					.renzheng {
						.tex1-name {
							font-size: 32rpx;
							font-weight: 500;
							color: #000000;
						}

						color: #ABABAB;

						image {
							width: 28rpx;
							height: 28rpx;
							vertical-align: middle;
						}
					}
				}

				&>.TEL {
					width: 630rpx;
					height: 88rpx;
					margin: 0 auto 40rpx;
					background: #FFFFFF;
					border-radius: 8rpx;
					padding: 0 30rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;

					view {
						// width: 158rpx;
						// height: 31rpx;
						font-size: 32rpx;
						font-weight: 500;
						color: #000000;
					}

					input {
						width: 287rpx;
						height: 30rpx;
						font-size: 32rpx;
						font-weight: 500;
					}
				}

				.zlg-btn {
					margin: auto;
					width: 690rpx;
					height: 88rpx;
					border-radius: 12rpx;
					line-height: 88rpx;
					text-align: center;
					background: #ABABAB;
					color: #FFFFFF;
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: bold;
				}

				.zlg-btn-bg {
					background: #FCC928;
					color: #402110;
				}
			}
		}

		&>.job-upts {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #FFFFFF;
			padding: 30rpx;
			margin-bottom: 30rpx;
			position: relative;
			letter-spacing: 0;

			&>.left {
				&>view:first-child {
					margin-bottom: 10rpx;
					height: 48rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-weight: bold;
					font-size: 17px;
				}

				&>.tag {
					margin-bottom: 30rpx;
					display: inline-block;
					// justify-content: center;
					// align-items: center;
					// width: 100rpx;
					padding: 0 5rpx;
					margin-right: 10rpx;
					font-size: 12px;
					color: #F39B19;
					border: 1px solid #F39B19;
					border-radius: 2px;
				}

				// 明天
				&>.green {
					color: #4E9800;
					border: 1px solid #4E9800;
				}

				&>.money {
					display: flex;
					height: 48rpx;
					font-size: 17px;
					font-weight: bold;
				}

				// 补贴
				&>.subsidy {
					font-size: 17px;
					font-weight: bold;
					color: #4E9800;
				}
			}

			&>.right {
				text-align: center;

				&>image {
					width: 90rpx;
					height: 90rpx;
					border-radius: 50%;
				}

				&>.honey {
					width: 60rpx;
					position: relative;
					z-index: 1;
					margin-top: -20rpx;
					margin-bottom: 10rpx;
					margin-left: 16rpx;
					background: #FCC928;
					// border-radius: 50rpx;
					padding: 0rpx 10rpx;
					font-size: 9px;
					letter-spacing: -0.22px;
				}

				&>text {
					font-size: 12px;
					letter-spacing: -0.29px;
				}
			}
		}

		&>.job-up {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #FFFFFF;
			padding: 30rpx;
			margin-bottom: 30rpx;
			margin-top: 30rpx;
			position: relative;
			letter-spacing: 0;

			&>.left {
				&>view:first-child {
					margin-bottom: 10rpx;
					height: 48rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-weight: bold;
					font-size: 17px;
				}

				&>.tag {
					margin-bottom: 30rpx;
					display: inline-block;
					// justify-content: center;
					// align-items: center;
					// width: 100rpx;
					padding: 0 5rpx;
					margin-right: 10rpx;
					font-size: 12px;
					color: #F39B19;
					border: 1px solid #F39B19;
					border-radius: 2px;
				}

				// 明天
				&>.green {
					color: #4E9800;
					border: 1px solid #4E9800;
				}

				&>.money {
					display: flex;
					height: 48rpx;
					font-size: 17px;
					font-weight: bold;
				}

				// 补贴
				&>.subsidy {
					font-size: 17px;
					font-weight: bold;
					color: #4E9800;
				}
			}

			&>.right {
				text-align: center;

				&>image {
					width: 90rpx;
					height: 90rpx;
					border-radius: 50%;
				}

				&>.honey {
					width: 60rpx;
					position: relative;
					z-index: 1;
					margin: -15rpx auto 10rpx;
					background: #FCC928;
					border-radius: 30rpx;
					padding: 4rpx 14rpx;
					font-size: 9px;
					letter-spacing: -0.22px;
				}

				&>text {
					font-size: 12px;
					letter-spacing: -0.29px;
				}
			}
		}

		&>.job-middle {
			margin-bottom: 30rpx;
			background-color: #FFFFFF;
			padding: 30rpx 30rpx 0;

			&>.common {
				height: 40rpx;
				margin-bottom: 20rpx;

				&>text {
					letter-spacing: 0;
				}

				&>text:first-child {
					margin-right: 30rpx;
					color: rgba(64, 33, 16, 0.50);
				}

				.active {
					color: #FF650C;
				}
			}

			&>view:nth-child(2) {
				margin-bottom: 30rpx;
			}

			&>.address {
				position: relative;
				padding: 26rpx 0rpx 24rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				//height: 40rpx;
				width: 690rpx;

				image {
					width: 16rpx;
					height: 26rpx;
				}

				&::before {
					content: "";
					position: absolute;
					top: 0rpx;
					width: 720rpx;
					height: 2rpx;
					background: #F2F2F2;
					border-radius: 1px;
				}
			}
		}

		&>.job-bottom {
			margin-bottom: 30rpx;
			padding: 30rpx 30rpx 150rpx;
			background-color: #FFFFFF;

			&>.title {
				color: rgba(64, 33, 16, 0.50);
				margin-bottom: 20rpx;
			}

			&>.content {
				width: 100%;

				.imgTital {
					display: flex;
					flex-wrap: wrap;
					width: 680rpx;
					height: 400rpx;
					margin: 0 auto;
				}

				.imgs {
					width: 200rpx;
					height: 210rpx;
					margin: 10rpx;
				}

				.imgsone {
					margin: 10rpx;
					width: 680rpx;
				}

				&>.job-video {
					// border: 1px solid #007AFF;
					width: 100%;
					margin: 0 auto;
					margin-bottom: 130rpx;

					// height: 450rpx;
					video {
						// border: 1px solid #ffff00;
						width: 100%
					}

					&>image {
						width: 100%;
						height: 450rpx;
						// height: 100%;
					}
				}
			}
		}

		&>.statement {
			margin-bottom: 130rpx;
			text-align: center;
			font-size: 12px;
			color: #E02020;
			letter-spacing: -0.29px;
		}

		&>.fix-bottom {
			z-index: 1;
			position: fixed;
			bottom: 0;
			width: 100vw;
			background-color: #FFFFFF;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			.shoucang {
				display: flex;
				justify-content: center;
				align-items: center;
				// flex-direction: column;
				width: 13%;
			}

			&>view {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;

				&>image {
					width: 42rpx;
					height: 42rpx;
					margin-bottom: 10rpx;
				}

				&>text {
					font-size: 32rpx;
				}
			}

			&>view:first-child {
				//margin-left: 46rpx;
			}

			&>view:nth-child(2) {
				//margin: 0 56rpx 0 76rpx;
			}

			&>.button {
				height: 100rpx;
				flex: 1;
				align-items: center;
				justify-content: center;
				background-color: #FCC928;
			}

			&>.received {
				background-color: #D2B48C;
			}
		}

		&>.share-modal {
			z-index: 99;
			position: fixed;
			bottom: 0;
			height: 100vh;
			width: 100vw;
			background-color: rgba(0, 0, 0, 0.40);

			video {
				width: 100%;
				height: 100%;
			}

			&>.mains {
				position: fixed;
				bottom: 40%;
				left: 11%;
				box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05) inset;
				border-radius: 17px 17px 0 0;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			&>.main {
				position: fixed;
				bottom: 0;
				// padding: 30rpx;
				background: #FFFFFF;
				box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05) inset;
				border-radius: 17px 17px 0 0;
				display: flex;
				flex-direction: column;

				// align-items: center;
				&>.close {
					position: absolute;
					right: 30rpx;
					top: 30rpx;
					width: 28rpx;
					height: 28rpx;
				}

				&>view {
					display: flex;
					width: 100vw;
					padding: 50rpx 0 20rpx;
					font-size: 28rpx;
					font-weight: 500;
					color: #000000;
					line-height: 45rpx;

					&>view {
						// border: 1px solid #000000;
						display: flex;
						flex: 1;
						flex-direction: column;
						align-items: center;
						justify-content: center;

						&>image {
							width: 100rpx;
							height: 100rpx;
							margin-bottom: 24rpx;
						}
					}
				}
			}
		}
	}

	.aletButton {
		width: 182rpx;
		height: 165rpx;
		position: fixed;
		top: calc(50px + var(--status-bar-height));
		right: 10rpx;
		z-index: 999;
	}

	// .aletButton-sj {
	// 	    width: 0;
	// 	    height: 0;
	// 	    border-left: 20rpx solid transparent;
	// 	    border-right: 20rpx solid transparent;
	// 	    border-bottom: 20rpx solid #FFFFFF;
	// 		margin-left: 125rpx;
	// }
	.aletButton-content {
		width: 182rpx;
		height: 155rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		box-shadow: 0px 0px 20rpx 0px rgba(0, 0, 0, 0.15);
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}

	.aletButton-content:after {
		position: absolute;
		display: inline-block;
		top: -8rpx;
		right: 20rpx;
		width: 0;
		height: 0px;
		content: '';
		border-style: solid;
		border-width: 10rpx;
		border-color: #fff #fff transparent transparent;
		transform: rotate(-45deg);
		box-shadow: 2rpx -2rpx 2rpx 0rpx rgba(0, 0, 0, 0.15);
	}

	.aletButton-content-item {
		height: 36rpx;
		width: 134rpx;
		display: flex;
		align-items: center;

		&>image {
			width: 36rpx;
			height: 36rpx;
			margin-right: 24rpx;
		}

		&>text {
			font-size: 28rpx;
			font-weight: 500;
			color: #402110;
			line-height: 28rpx;
		}
	}

	.bottom-new {
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
		// border: 1px solid;
		position: fixed;
		bottom: 68rpx;

		.zc-bo-da {
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 120rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			.zc-bo-da-box {
				width: 60%;
				height: 100rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				image {
					width: 70%;
					height: 100%;
				}
			}
		}

		.nullListMsg {
			// width: 460rpx;
			// height: 105rpx;
			position: absolute;
			// border: 1px solid;
			right: 5%;
			bottom: 110rpx;
			text-align: center;
			z-index: 501;

			image {
				width: 50rpx;
				height: 100%;
				border-radius: 50%;
				z-index: 999999;
				margin-right: 15rpx;
			}

			&>view:nth-child(1) {
				width: 600rpx;
				height: 70rpx;
				letter-spacing: 2rpx;
				background: #58595B;
				// opacity: 0.6;
				border-radius: 10rpx;
				color: #ffffff !important;
				font-size: 26rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			&>view:nth-child(2) {
				width: 0;
				height: 0;
				border-left: 10rpx solid transparent;
				border-right: 10rpx solid transparent;
				border-top: 10rpx solid #000000;
				opacity: 0.6;
				position: fixed;
				left: 50%;
				transform: translateX(-50%);
			}
		}
	}

	.bottom-button {
		width: 33%;
		height: 78rpx;
		border-radius: 10rpx;
		background: #4E9800;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		font-weight: 600;
		color: #FFFFFF;
		letter-spacing: 1px;

		image {
			width: 40rpx;
			height: 100%;
			margin-right: 10rpx;
		}
	}

	.bottom-button-Confirm {
		width: 694rpx;
		margin: 0 auto;
		height: 100rpx;
		border-radius: ;
		border-radius: 50rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		font-weight: 600;
		color: #FFFFFF;
		letter-spacing: 1px;
		// border: 2rpx solid #4E9900;
		padding: -1rpx;

		image {
			width: 40rpx;
			height: 100%;
			margin-right: 20rpx;
		}
	}

	.bottom-button-Confirm2 {
		width: 92%;
		margin: 0 auto;
		height: 104rpx;
		border-radius: 10rpx;
		background: #4E9800;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		font-weight: 600;
		color: #FFFFFF;
		letter-spacing: 1px;
		border: 2rpx solid #4E9900;

		image {
			width: 40rpx;
			height: 100%;
			margin-right: 20rpx;
		}
	}

	.bottom-button-OldStaff {
		width: 54%;
		height: 80rpx;
		border-radius: 10rpx;
		background: #FCC928;
		font-size: 28rpx;
		font-weight: 600;
		letter-spacing: 1px;
		color: #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		box-shadow: 0px 1px 7px #FCC928;

		image {
			width: 36rpx;
			height: 100%;
			margin-top: 1px;
			margin-right: 10rpx;
		}
	}

	.bottom-button-quxiao {
		width: 750rpx;
		height: 98rpx;
		background-color: #FFFFFF;
		position: fixed;
		bottom: 68rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-weight: 500;
		color: #ABABAB;
		line-height: 32rpx;
	}

	.bottom-button-Confirm-quxiao {
		width: 375rpx;
		height: 98rpx;
		background: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		color: #402110;
		line-height: 32rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.bottom-button-Confirm-queren {
		width: 375rpx;
		height: 98rpx;
		background: #FCC928;
		font-size: 32rpx;
		font-weight: 500;
		color: #402110;
		line-height: 32rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, .5);
		z-index: 999;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.dialogBox {
		width: 550rpx;
		height: 306rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}

	.dialogBox-text-title {
		font-size: 34rpx;
		font-weight: bold;
		color: #000000;
		line-height: 36rpx;
		margin-top: 60rpx;
	}

	.dialogBox-text-title1 {
		width: 520rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #402110;
		line-height: 32rpx;
		margin-top: 40rpx;
		text-align: center;
	}

	.dialogBox-button {
		width: 550rpx;
		height: 80rpx;
		position: absolute;
		bottom: 0;
		border-top: 1rpx solid #BDBDBD;
		display: flex;
	}

	.dialogBox-button-btn1 {
		width: 274rpx;
		height: 80rpx;
		border-right: 1rpx solid #BDBDBD;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		font-weight: 500;
		color: #787878;
		line-height: 32rpx;
	}

	.dialogBox-button-btn2 {
		width: 275rpx;
		height: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.bottom-button-view {
		margin-left: 30rpx;
		width: 690rpx;
		height: 98rpx;
		position: fixed;
		bottom: 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.bottom-button-view-share {
		width: 260rpx;
		height: 100rpx;
		background: linear-gradient(-90deg, #FF7E28, #FF231C);
		//border-radius: 12rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-weight: bold;
		color: #FFFFFF;
		position: relative;
		overflow: hidden;

		&>image {
			width: 31rpx;
			height: 36rpx;
			margin-right: 8rpx;
		}
	}

	.bottom-button-view-button {
		width: 472rpx;
		height: 98rpx;
		background: #4E9800;
		border-radius: 12rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 32rpx;
	}

	.bottom-button-view-button-OldStaff {
		width: 472rpx;
		height: 98rpx;
		background: #FCC928;
		border-radius: 12rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #402110;
		line-height: 32rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.bottom-button-view-alert {
		width: 208rpx;
		height: 60rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 999;
		//left: 30rpx;
		left: 10rpx;
		// bottom: 134rpx;
		bottom: 115rpx;
		// .anim-bounce;
	}

	.bottom-button-view-alert-view {
		width: 200rpx;
		background: linear-gradient(-90deg, #FF7E28, #FF231C);
		font-size: 24rpx;
		line-height: 40rpx;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		border-radius: 48rpx;
	}

	.bottom-button-view-alert-sj {
		width: 0;
		height: 0;
		border-left: 10rpx solid transparent;
		border-right: 10rpx solid transparent;
		border-top: 20rpx solid #FF231C;
	}

	.anim-bounce {
		animation: 2.5s bounce 0s infinite;
	}

	@keyframes bounce {
		0% {
			transform: scale(1, 1);
		}

		50% {
			transform: scale(0.8, 0.8);
		}

		100% {
			transform: scale(1, 1);
		}
	}

	.floorsstr-view {
		width: 184rpx;
		height: 34rpx;
		background: #EFF6E7;
		border-radius: 4rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #599E10;
		line-height: 24rpx;
		margin-left: 12rpx;
		padding: 5rpx 12rpx;
	}

	.jinpai-time-content {
		width: 266rpx;
		height: 71rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		background-color: #FFEEEC;
		position: relative;
		float: right;
		bottom: 71rpx;
		border-radius: 0rpx 12rpx 12rpx 0rpx;
	}

	.jinpai-time-text {
		font-size: 26rpx;
		color: #FF3E2F;
		margin-right: 16rpx;
	}

	.jinpai-time-blck {
		text-align: center;
		font-size: 24rpx;
		width: 44rpx;
		height: 44rpx;
		border-radius: 4rpx;
		background-color: #FF4130;
		font-size: 24rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 44rpx;
	}

	.jinpai-alert {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.jinpai-alert-title-view {
		width: 648rpx;
		height: 174rpx;
		background: #FCC928;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 34rpx;
		font-weight: 500;
		color: #2F0E00;
	}

	.jinpai-alert-title-image {
		width: 648rpx;
		height: 174rpx;
	}

	.jinpai-alert-content {
		height: 486rpx;
		width: 648rpx;
	}

	.banner-yellow-info {
		width: 648rpx;
		height: 454rpx;
		background: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20rpx;
		border-radius: 0 0 12rpx 12rpx;
	}

	.banner-yellow-info-item {
		width: 552rpx;
		height: 60rpx;
		margin-top: 44rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		&>view:nth-child(1) {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
	}

	.banner-yellow-info-item-title {
		font-size: 28rpx;
		font-weight: 500;
		color: #000000;
	}

	.banner-yellow-info-item-title-info {
		font-size: 28rpx;
		font-weight: 500;
		color: #515151;
	}

	.banner-yellow-info-item-num {
		font-size: 28rpx;
		font-weight: bold;
		color: #F39B19;
	}

	.banner-yellow-info-item-nums {
		font-size: 28rpx;
		font-weight: bold;
		color: #F39B19;
	}

	.banner-yellow-info-item-num-r {
		font-size: 28rpx;
		font-weight: bold;
		color: #FF3429;
	}

	.banner-yellow-info-item-nums-r {
		font-size: 28rpx;
		font-weight: bold;
		color: #FF3429;
	}

	.banner-yellow-info-item-jindu-y {
		height: 8rpx;
		background: linear-gradient(-90deg, #FCC928, #F39B19);
		border-radius: 4rpx;
		position: absolute;
	}

	.banner-yellow-info-item-jindu-r {
		height: 8rpx;
		background: #FF382D;
		border-radius: 4rpx;
		position: absolute;
	}

	.banner-yellow-info-item-jindu-n {
		width: 552rpx;
		height: 8rpx;
		background: #F2F2F2;
		border-radius: 4rpx;
	}

	.jinpai-alert-button {
		width: 648rpx;
		height: 88rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 20rpx;
	}

	.jinpai-alert-button-quxiao {
		width: 314rpx;
		height: 88rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #787878;
		line-height: 88rpx;
		text-align: center;
	}

	.jinpai-alert-button-queding {
		width: 314rpx;
		height: 88rpx;
		background: #FCC928;
		border-radius: 12rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #2F0E00;
		line-height: 88rpx;
		text-align: center;
	}

	.jinpai-alert-div {
		display: flex;
		flex-direction: column;
	}

	.isUserVip {
		height: 442rpx;
		width: 630rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.isUserVip-conetne {
		width: 630rpx;
		height: 324rpx;
		background-image: url(https://images.linglinggong.net/static/icon3/21f4eewewrew.png);
		background-repeat: repeat;
		background-size: contain;
		position: relative;

		&>text:nth-child(1) {
			font-size: 40rpx;
			font-weight: bold;
			color: #402110;
			// text-shadow: 0px 0px 8rpx rgba(147, 3, 0, 0.4);
			display: block;
			margin-left: 30rpx;
			margin-top: 76rpx;
			background: linear-gradient(-90deg, #FEDBBA 0%, #FFF8EB 99.12109375%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		&>text:nth-child(2) {
			font-size: 24rpx;
			font-weight: 500;
			color: #402110;
			display: block;
			margin-left: 30rpx;
			margin-top: 20rpx;
			background: linear-gradient(-90deg, #FEDBBA 0%, #FFF8EB 99.12109375%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		&>text:nth-child(3) {
			display: block;
			position: absolute;
			bottom: 40rpx;
			left: 30rpx;
			// margin-left: 30rpx;
			// margin-top: 50rpx;
			font-size: 28rpx;
			font-weight: 500;
			color: #FFFFFF;
		}
	}

	.isUserVip-button {
		margin-top: 20rpx;
		width: 630rpx;
		height: 98rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #787878;
		line-height: 98rpx;
		text-align: center;
	}

	.jinpai-alert-title-image-view {
		width: 648rpx;
		height: 174rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 34rpx;
		font-weight: 500;
		color: #2F0E00;
		line-height: 44rpx;
		background-image: url(https://images.linglinggong.net/static/icon3/aesfsdfgsadfsdadf13.png);
		background-size: cover;
	}

	.articleFlashing {
		width: 28rpx;
		height: 100rpx;
		background: linear-gradient(-90deg, #FFF 40%, rgba(0, 0, 0, 0) 99.9%);
		position: absolute;
		transform: skewX(-20deg);
		left: -38rpx;
		opacity: 0;
		// transform: skewX(-20deg) translateX(200rpx);
		.anim-sliding;
	}

	.anim-sliding {
		animation: sliding 2s 0s infinite;
	}

	@keyframes sliding {
		0% {
			opacity: 0.6;
			transform: skewX(-20deg) translateX(-38rpx);
		}

		50% {
			opacity: 0.6;
			transform: skewX(-20deg) translateX(320rpx);
		}

		100% {
			opacity: 0;
			transform: skewX(-20deg) translateX(320rpx);
		}
	}

	.ykq-miandarao {
		width: 750rpx;
		height: 140rpx;
		background: #F8D979;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 30rpx;

		&>text:nth-child(1) {
			font-size: 32rpx;
			font-weight: 500;
			color: #3E220A;
			line-height: 45rpx;
		}

		&>text:nth-child(2) {
			font-size: 24rpx;
			font-weight: 400;
			color: #3E220A;
			line-height: 45rpx;
		}
	}

	.modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1110;
		opacity: 0;
		outline: 0;
		text-align: center;
		-ms-transform: scale(1.185);
		transform: scale(1.185);
		backface-visibility: hidden;
		perspective: 2000upx;
		background: rgba(0, 0, 0, 0.4);
		transition: all 0.3s ease-in-out 0s;
		pointer-events: none;

		&.show {
			opacity: 1;
			transition-duration: 0.3s;
			-ms-transform: scale(1);
			transform: scale(1);
			overflow-x: hidden;
			overflow-y: auto;
			pointer-events: auto;
		}

		.my-post {
			// border: 1px solid  #4CD964;
			position: fixed;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 610rpx;
			height: 806rpx;

			.bg {
				width: 610rpx;
				height: 806rpx;
			}
		}

		.close {
			position: fixed;
			width: 70rpx;
			height: 70rpx;
			left: 50%;
			margin-left: -35rpx;
			bottom: 90rpx;
		}
	}

	.mask {
		background-color: rgba(0, 0, 0, .5);
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 998;

		.content {
			image {
				width: 70rpx;
				height: 70rpx;
				margin-bottom: 40rpx;
			}

			.inner {
				width: 630rpx;
				height: 718rpx;
				margin: 0 auto;
				background-color: #fff;
				border-radius: 24rpx;
				text-align: center;
				padding: 60rpx 0;
				box-sizing: border-box;

				view:nth-child(1) {
					color: #262626;
					font-size: 36rpx;
					font-weight: bold;
					line-height: 54rpx;
					margin-bottom: 10rpx;
				}

				view:nth-child(2) {
					color: #515151;
					font-size: 28rpx;
					margin-bottom: 50rpx;

					span {
						font-weight: bold;
						margin: 0 10rpx;
					}
				}

				view:nth-child(3) {
					color: #262626;
					font-size: 36rpx;
					font-weight: bold;
					line-height: 54rpx;
					margin-bottom: 60rpx;

					span {
						display: inline-block;
						background-color: rgba(255, 76, 76, 0.2);
						border-radius: 10rpx;
						width: 64rpx;
						text-align: center;
						height: 64rpx;
						line-height: 64rpx;
						padding: 0 10rpx;
						color: #FF4C4C;
						margin: 0 20rpx;
					}
				}

				image {
					width: 212rpx;
					height: 324rpx;
				}
			}

			.btn {
				width: 512rpx;
				height: 88rpx;
				border-radius: 12rpx;
				background-color: #FCC92D;
				color: #262626;
				text-align: center;
				line-height: 88rpx;
				margin: 40rpx auto auto auto;
			}
		}
	}
</style>